@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff');
    font-weight: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff');
    font-weight: 700;
}

@font-face {
    font-family: 'DM Sans';
    src: url('../fonts/DMSans-Bold.woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff');
    font-weight: 600;
}
  
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff');
    font-weight: 700;
}

@import '../../../node_modules/ngx-guided-tour/css/guided-tour-base-theme.css';

:root {
    --primary: #2d94c0;/*#2d94c0*/
    --light-primary: rgba(from var(--primary) r g b / .2); /*rgba(from var(--primary) r g b / .2)*/ 
    --light-primary-d: rgba(from var(--primary) r g b / .1); /*#eaf4f9*/
}

* {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

body {
    width: 100%;
    margin: 0;
    color: #444;
    background-color: #f0f0f0;
}

a {
    text-decoration: none;
    color: var(--primary);
}

a:focus {
    outline: none;
}

hr {
    border: none;
    border-top: 1px solid #ddd;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
}

.w-100 {
    width: 100% !important;
}
.w-unset {
    width: unset !important;
}
.h-100 {
    height: 100% !important;
}
.pl-1 {
    padding-left: 10px;
}
.pl-2 {
    padding-left: 20px;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 10px !important;
}
.pr-2 {
    padding-right: 20px !important;
}
.pr-3 {
    padding-right: 40px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-3 {
    padding-bottom: 40px !important;
}
.m-0 {
    margin: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mt-auto {
    margin-top: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 20px !important;
}
.mt-2 {
    margin-top: 40px !important;
}
.mt-3 {
    margin-top: 60px !important;
}
.mt-5 {
    margin-top: 80px !important;
}
.my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.my-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.my-5 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 10px !important;
}
.mb-2 {
    margin-bottom: 20px !important;
}
.mb-3 {
    margin-bottom: 40px !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.mr-1 {
    margin-right: 10px !important;
}
.mr-2 {
    margin-right: 20px !important;
}
.mr-auto {
    margin-right: auto !important;
}
.ml-1 {
    margin-left: 10px !important;
}
.ml-2 {
    margin-left: 20px !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.red {
    color: #fc4b6c !important;
}
.yellow {
    color: #ebaa15 !important;
}
.green {
    color: #8cc25e !important;
}
.blue {
    color: var(--primary) !important;
}
.black {
    color: #000 !important;
}
.onerem {
    font-size: 1rem !important;
}
.help-block {
    font-size: .9rem;
}
.help-block p {
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: normal;
}
.help-block p + p {
    margin-top: -20px;
}
.help {
    text-align: center;
    font-size: .9rem;
    margin-top: 10px;
    color: var(--primary);
    font-weight: bold;
    cursor: pointer;
}
.highlight {
    color: var(--primary) !important;
}
.text-right {
    text-align: right !important;
}
.uppercase {
    text-transform: uppercase;
}
.d-none {
    display: none !important;
}
.p-static {
    position: static !important;
}
.underline-blue {
    border-bottom: 1px solid var(--primary);
}
.underline-blue b {
    color: var(--primary);
}
.card-button + .drop-content ul.action-list li .ti-minus {
    position: relative;
}
table .action-list i.ti-minus,
table .action-list i.ti-plus {
    position: relative;
    font-size: .8rem;
}
table td.email {
    word-break: break-word;
}
.card-button + .drop-content ul.action-list li .ti-minus::after,
table .ti-minus::after,
table .ti-plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 1px solid var(--primary);
    border-radius: 50%;
    height: 16px;
    width: 16px;
}
button.table-btn.btn {
    min-width: unset;
    border-radius: 3px;
    height: 50px;
    background: transparent;
    color: var(--primary);
    border: 2px solid;
    width: 100%;
}
button.table-btn.btn i {
    padding: 0; 
    display: inline-block;
}
.d-block {
    display: block !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-inline-block2 {
    display: inline-grid;
    margin: 4px;
}
.position-relative {
    position: relative !important;
}

hr.blue {
    border-color: var(--primary);
}

/* Login */
ul.req-list-new {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: .8rem;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 40%;
}

ul.req-list-new li {
    margin-bottom: 5px;
}
ul.req-list-new li.error span {
    color: white;
    background: #fc4b6c;
}
ul.req-list-new li.success span {
    color: white;
    background: #8cc25e;
}
ul.req-list-new li span::after {
    font-family: 'Themify';
    font-size: .7rem;
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
}
ul.req-list-new li.success span::after {
    content: "\e64c";
}
ul.req-list-new li.error span::after {
    content: "\e646";
}
ul.req-list-new li span {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 10%;
    background: #ccc;
    margin-right: 10px;
    position: relative;
}

.phone-number .dropbtn{
    min-width: 20px;
    display: inline-block;
    padding: 13px 15px;
    height: 50px;
}

.phone-number .dropdown{
    /*border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    border: 1px solid #ddd;
    border-radius: 5px 0px 0px 5px;
    height: 52px;
    display: inline-block; 
}

.phone-number .ng-pristine{
  padding: 13px 20px;
  width: 82% !important;
  border: none;
  border-radius: 0px 5px 5px 0px;
  display: inline-block;
  font-size: .95rem;
  height: 52px;
  background: transparent;
  /*border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;*/
  border: 1px solid #ddd;
  display: inline-block;
}

.phone-number .ng-pristine{
    padding: 13px 20px;
    width: 82%;
    border: none;
    border-radius: 0px 5px 5px 0px;
    display: inline-block;
    font-size: .95rem;
    height: 52px;
    background: transparent;
    /*border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    border: 1px solid #ddd;
    display: inline-block;
}

.phone-number input{
    width: 82%;
    border-radius: 0px 5px 5px 0px;
    height: 52px;
}

.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url('../../../../../assets/img/flags.png?alt=media&token=ebe6cc32-0b92-40cf-8e0a-434356fa76b9') no-repeat !important;
}

.flag.flag-af{background-position:-32px 0 !important;}
.flag.flag-ky{background-position:-128px -77px !important;}
.flag.flag-in{background-position:-64px -66px !important;}
.flag.flag-mm{background-position:-192px -88px !important;}
.flag.flag-td{background-position:-240px -132px !important;}
.flag.flag-dm{background-position:-80px -33px !important;}
.flag.flag-se{background-position:-208px -121px !important;}
.flag.flag-pr{background-position:-224px -110px !important;}
.flag.flag-bj{background-position:-112px -11px !important;}
.flag.flag-gr{background-position:-48px -55px !important;}
.flag.flag-um{background-position:-256px -143px !important;}
.flag.flag-ps{background-position:-240px -110px !important;}
.flag.flag-fi{background-position:0 -44px !important;}
.flag.flag-kr{background-position:-80px -77px !important;}
.flag.flag-nl{background-position:-240px -99px !important;}
.flag.flag-bo{background-position:-160px -11px !important;}
.flag.flag-bf{background-position:-48px -11px !important;}
.flag.flag-ba{background-position:-256px 0 !important;}
.flag.flag-ax{background-position:-224px 0 !important;}
.flag.flag-pf{background-position:-112px -110px !important;}
.flag.flag-eg{background-position:-160px -33px !important;}
.flag.flag-sb{background-position:-144px -121px !important;}
.flag.flag-dk{background-position:-64px -33px !important;}
.flag.flag-ci{background-position:-112px -22px !important;}
.flag.flag-ic{background-position:-240px -55px !important;}
.flag.flag-cl{background-position:-144px -22px !important;}
.flag.flag-zw{background-position:-32px -165px !important;}
.flag.flag-my{background-position:-112px -99px !important;}
.flag.flag-li{background-position:-208px -77px !important;}
.flag.flag-mc{background-position:-80px -88px !important;}
.flag.flag-fo{background-position:-64px -44px !important;}
.flag.flag-vu{background-position:-144px -154px !important;}
.flag.flag-al{background-position:-80px 0 !important;}
.flag.flag-ge{background-position:-144px -44px !important;}
.flag.flag-somaliland{background-position:-96px -132px !important;}
.flag.flag-am{background-position:-96px 0 !important;}
.flag.flag-tf{background-position:-256px -132px !important;}
.flag.flag-ni{background-position:-224px -99px !important;}
.flag.flag-tn{background-position:-112px -143px !important;}
.flag.flag-lv{background-position:-32px -88px !important;}
.flag.flag-vi{background-position:-112px -154px !important;}
.flag.flag-ve{background-position:-80px -154px !important;}
.flag.flag-gm{background-position:-256px -44px !important;}
.flag.flag-fm{background-position:-48px -44px !important;}
.flag.flag-mg{background-position:-128px -88px !important;}
.flag.flag-mh{background-position:-144px -88px !important;}
.flag.flag-tc{background-position:-224px -132px !important;}
.flag.flag-id{background-position:-256px -55px !important;}
.flag.flag-tw{background-position:-192px -143px !important;}
.flag.flag-so{background-position:-80px -132px !important;}
.flag.flag-pg{background-position:-128px -110px !important;}
.flag.flag-hk{background-position:-144px -55px !important;}
.flag.flag-mt{background-position:-32px -99px !important;}
.flag.flag-do{background-position:-96px -33px !important;}
.flag.flag-gg{background-position:-192px -44px !important;}
.flag.flag-nr{background-position:-16px -110px !important;}
.flag.flag-mp{background-position:-240px -88px !important;}
.flag.flag-mw{background-position:-80px -99px !important;}
.flag.flag-bb{background-position:0 -11px !important;}
.flag.flag-hu{background-position:-224px -55px !important;}
.flag.flag-xk{background-position:-208px -154px !important;}
.flag.flag-za{background-position:-256px -154px !important;}
.flag.flag-zanzibar{background-position:0 -165px !important;}
.flag.flag-sy{background-position:-192px -132px !important;}
.flag.flag-bi{background-position:-96px -11px !important;}
.flag.flag-qa{background-position:-32px -121px !important;}
.flag.flag-kurdistan{background-position:-96px -77px !important;}
.flag.flag-scotland{background-position:-176px -121px !important;}
.flag.flag-gf{background-position:-160px -44px !important;}
.flag.flag-tk{background-position:-64px -143px !important;}
.flag.flag-me{background-position:-112px -88px !important;}
.flag.flag-om{background-position:-64px -110px !important;}
.flag.flag-tv{background-position:-176px -143px !important;}
.flag.flag-at{background-position:-176px 0 !important;}
.flag.flag-by{background-position:-256px -11px !important;}
.flag.flag-wf{background-position:-176px -154px !important;}
.flag.flag-ph{background-position:-144px -110px !important;}
.flag.flag-ke{background-position:-240px -66px !important;}
.flag.flag-ng{background-position:-208px -99px !important;}
.flag.flag-eh{background-position:-176px -33px !important;}
.flag.flag-yt{background-position:-240px -154px !important;}
.flag.flag-cg{background-position:-80px -22px !important;}
.flag.flag-br{background-position:-176px -11px !important;}
.flag.flag-ma{background-position:-64px -88px !important;}
.flag.flag-bm{background-position:-128px -11px !important;}
.flag.flag-gi{background-position:-224px -44px !important;}
.flag.flag-mn{background-position:-208px -88px !important;}
.flag.flag-eu{background-position:-256px -33px !important;}
.flag.flag-us{background-position:0 -154px !important;}
.flag.flag-uy{background-position:-16px -154px !important;}
.flag.flag-hn{background-position:-176px -55px !important;}
.flag.flag-gp{background-position:-16px -55px !important;}
.flag.flag-km{background-position:-32px -77px !important;}
.flag.flag-au{background-position:-192px 0 !important;}
.flag.flag-tz{background-position:-208px -143px !important;}
.flag.flag-pt{background-position:-256px -110px !important;}
.flag.flag-je{background-position:-176px -66px !important;}
.flag.flag-md{background-position:-96px -88px !important;}
.flag.flag-pl{background-position:-176px -110px !important;}
.flag.flag-cr{background-position:-208px -22px !important;}
.flag.flag-sk{background-position:-16px -132px !important;}
.flag.flag-kg{background-position:-256px -66px !important;}
.flag.flag-nu{background-position:-32px -110px !important;}
.flag.flag-lr{background-position:-240px -77px !important;}
.flag.flag-ht{background-position:-208px -55px !important;}
.flag.flag-rw{background-position:-112px -121px !important;}
.flag.flag-sg{background-position:-224px -121px !important;}
.flag.flag-ag{background-position:-48px 0 !important;}
.flag.flag-mx{background-position:-96px -99px !important;}
.flag.flag-ch{background-position:-96px -22px !important;}
.flag.flag-sz{background-position:-208px -132px !important;}
.flag.flag-dj{background-position:-48px -33px !important;}
.flag.flag-kn{background-position:-48px -77px !important;}
.flag.flag-england{background-position:-192px -33px !important;}
.flag.flag-ro{background-position:-64px -121px !important;}
.flag.flag-ca{background-position:-16px -22px !important;}
.flag.flag-tr{background-position:-144px -143px !important;}
.flag.flag-pa{background-position:-80px -110px !important;}
.flag.flag-ye{background-position:-224px -154px !important;}
.flag.flag-si{background-position:-256px -121px !important;}
.flag.flag-tt{background-position:-160px -143px !important;}
.flag.flag-ml{background-position:-176px -88px !important;}
.flag.flag-sl{background-position:-32px -132px !important;}
.flag.flag-sa{background-position:-128px -121px !important;}
.flag.flag-py{background-position:-16px -121px !important;}
.flag.flag-ad{background-position:0 0 !important;}
.flag.flag-gy{background-position:-128px -55px !important;}
.flag.flag-ls{background-position:-256px -77px !important;}
.flag.flag-sj{background-position:0 -132px !important;}
.flag.flag-fk{background-position:-32px -44px !important;}
.flag.flag-kw{background-position:-112px -77px !important;}
.flag.flag-sm{background-position:-48px -132px !important;}
.flag.flag-vn{background-position:-128px -154px !important;}
.flag.flag-iq{background-position:-96px -66px !important;}
.flag.flag-ie{background-position:0 -66px !important;}
.flag.flag-mz{background-position:-128px -99px !important;}
.flag.flag-vg{background-position:-96px -154px !important;}
.flag.flag-ms{background-position:-16px -99px !important;}
.flag.flag-cw{background-position:-256px -22px !important;}
.flag.flag-bt{background-position:-208px -11px !important;}
.flag.flag-gn{background-position:0 -55px !important;}
.flag.flag-uz{background-position:-32px -154px !important;}
.flag.flag-cv{background-position:-240px -22px !important;}
.flag.flag-pw{background-position:0 -121px !important;}
.flag.flag-bv{background-position:-224px -11px !important;}
.flag.flag-lb{background-position:-176px -77px !important;}
.flag.flag-sn{background-position:-64px -132px !important;}
.flag.flag-la{background-position:-160px -77px !important;}
.flag.flag-pe{background-position:-96px -110px !important;}
.flag.flag-sx{background-position:-176px -132px !important;}
.flag.flag-fr{background-position:-80px -44px !important;}
.flag.flag-catalonia{background-position:-32px -22px !important;}
.flag.flag-kh{background-position:0 -77px !important;}
.flag.flag-jp{background-position:-224px -66px !important;}
.flag.flag-vc{background-position:-64px -154px !important;}
.flag.flag-hm{background-position:-160px -55px !important;}
.flag.flag-tl{background-position:-80px -143px !important;}
.flag.flag-no{background-position:-256px -99px !important;}
.flag.flag-ee{background-position:-144px -33px !important;}
.flag.flag-cz{background-position:-16px -33px !important;}
.flag.flag-gw{background-position:-112px -55px !important;}
.flag.flag-ai{background-position:-64px 0 !important;}
.flag.flag-ar{background-position:-144px 0 !important;}
.flag.flag-co{background-position:-192px -22px !important;}
.flag.flag-na{background-position:-144px -99px !important;}
.flag.flag-er{background-position:-208px -33px !important;}
.flag.flag-pm{background-position:-192px -110px !important;}
.flag.flag-bg{background-position:-64px -11px !important;}
.flag.flag-sr{background-position:-112px -132px !important;}
.flag.flag-cm{background-position:-160px -22px !important;}
.flag.flag-il{background-position:-16px -66px !important;}
.flag.flag-tibet{background-position:-32px -143px !important;}
.flag.flag-lk{background-position:-224px -77px !important;}
.flag.flag-et{background-position:-240px -33px !important;}
.flag.flag-rs{background-position:-80px -121px !important;}
.flag.flag-th{background-position:-16px -143px !important;}
.flag.flag-tm{background-position:-96px -143px !important;}
.flag.flag-fj{background-position:-16px -44px !important;}
.flag.flag-ki{background-position:-16px -77px !important;}
.flag.flag-re{background-position:-48px -121px !important;}
.flag.flag-nf{background-position:-192px -99px !important;}
.flag.flag-kz{background-position:-144px -77px !important;}
.flag.flag-nc{background-position:-160px -99px !important;}
.flag.flag-bn{background-position:-144px -11px !important;}
.flag.flag-gb{background-position:-112px -44px !important;}
.flag.flag-mq{background-position:-256px -88px !important;}
.flag.flag-sc{background-position:-160px -121px !important;}
.flag.flag-gu{background-position:-96px -55px !important;}
.flag.flag-io{background-position:-80px -66px !important;}
.flag.flag-cd{background-position:-48px -22px !important;}
.flag.flag-tg{background-position:0 -143px !important;}
.flag.flag-sv{background-position:-160px -132px !important;}
.flag.flag-jo{background-position:-208px -66px !important;}
.flag.flag-ua{background-position:-224px -143px !important;}
.flag.flag-ga{background-position:-96px -44px !important;}
.flag.flag-cu{background-position:-224px -22px !important;}
.flag.flag-va{background-position:-48px -154px !important;}
.flag.flag-mu{background-position:-48px -99px !important;}
.flag.flag-hr{background-position:-192px -55px !important;}
.flag.flag-to{background-position:-128px -143px !important;}
.flag.flag-bh{background-position:-80px -11px !important;}
.flag.flag-ec{background-position:-128px -33px !important;}
.flag.flag-ug{background-position:-240px -143px !important;}
.flag.flag-de{background-position:-32px -33px !important;}
.flag.flag-gq{background-position:-32px -55px !important;}
.flag.flag-bd{background-position:-16px -11px !important;}
.flag.flag-bs{background-position:-192px -11px !important;}
.flag.flag-ck{background-position:-128px -22px !important;}
.flag.flag-gd{background-position:-128px -44px !important;}
.flag.flag-sh{background-position:-240px -121px !important;}
.flag.flag-be{background-position:-32px -11px !important;}
.flag.flag-mr{background-position:0 -99px !important;}
.flag.flag-tj{background-position:-48px -143px !important;}
.flag.flag-gl{background-position:-240px -44px !important;}
.flag.flag-as{background-position:-160px 0 !important;}
.flag.flag-es{background-position:-224px -33px !important;}
.flag.flag-zm{background-position:-16px -165px !important;}
.flag.flag-wales{background-position:-160px -154px !important;}
.flag.flag-np{background-position:0 -110px !important;}
.flag.flag-lu{background-position:-16px -88px !important;}
.flag.flag-st{background-position:-144px -132px !important;}
.flag.flag-ao{background-position:-128px 0 !important;}
.flag.flag-cf{background-position:-64px -22px !important;}
.flag.flag-az{background-position:-240px 0 !important;}
.flag.flag-bw{background-position:-240px -11px !important;}
.flag.flag-nz{background-position:-48px -110px !important;}
.flag.flag-cy{background-position:0 -33px !important;}
.flag.flag-ne{background-position:-176px -99px !important;}
.flag.flag-kp{background-position:-64px -77px !important;}
.flag.flag-gs{background-position:-64px -55px !important;}
.flag.flag-mk{background-position:-160px -88px !important;}
.flag.flag-mo{background-position:-224px -88px !important;}
.flag.flag-jm{background-position:-192px -66px !important;}
.flag.flag-ws{background-position:-192px -154px !important;}
.flag.flag-lc{background-position:-192px -77px !important;}
.flag.flag-an{background-position:-112px 0 !important;}
.flag.flag-gh{background-position:-208px -44px !important;}
.flag.flag-im{background-position:-48px -66px !important;}
.flag.flag-is{background-position:-128px -66px !important;}
.flag.flag-ae{background-position:-16px 0 !important;}
.flag.flag-it{background-position:-144px -66px !important;}
.flag.flag-ss{background-position:-128px -132px !important;}
.flag.flag-ly{background-position:-48px -88px !important;}
.flag.flag-mv{background-position:-64px -99px !important;}
.flag.flag-ir{background-position:-112px -66px !important;}
.flag.flag-gt{background-position:-80px -55px !important;}
.flag.flag-bz{background-position:0 -22px !important;}
.flag.flag-dz{background-position:-112px -33px !important;}
.flag.flag-lt{background-position:0 -88px !important;}
.flag.flag-sd{background-position:-192px -121px !important;}
.flag.flag-pk{background-position:-160px -110px !important;}
.flag.flag-ru{background-position:-96px -121px !important;}
.flag.flag-pn{background-position:-208px -110px !important;}
.flag.flag-cn{background-position:-176px -22px !important;}
.flag.flag-aw{background-position:-208px 0 !important;}
/* Login */

/* Top bar */
.top-bar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: white;
    box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.extraBar .top-bar {
    box-shadow: none;
}

.top-bar .logo {
    padding: 10px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.top-bar .logo img {
    max-width: 150px;
    max-height: 50px;
}

.avatar {
    margin-left: 10px;
}

.avatar img {
    height: 35px;
    width: auto;
    border-radius: 50%;
}

.profile {
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding: 13px 0;
}

.profile-title {
    display: none;
}

.profile-title .title {
    font-weight: normal;
    font-size: .8rem;
    width: 180px;
    max-width: 110px;
    text-align: right;
    /* max-height: 38px; */
}

.top-bar .dropdown .drop-content {
    top: 100%;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.05);
    margin-top: 10px;
    left: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.top-bar .profile.dropdown .drop-content {
    right: 0;
    left: unset;
    margin-top: 0;
}

.top-bar .dropdown .drop-content .company-name {
    font-size: .9rem;
    margin-bottom: 10px;
}
.top-bar .dropdown .drop-content .company-role {
    display: block;
}
.top-bar .dropdown {
    margin-left: 10px;
}

.top-bar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
}

.top-bar ul li a i {
    padding-right: 5px;
    font-size: 1rem;
}


.company .drop-content-section.actions {
    /* height: 350px; */
    max-height: 350px;
    overflow: auto;
}
.company .drop-content-section.actions::-webkit-scrollbar {
    width: 5px;
    background: #eee;
}
.company .drop-content-section.actions::-webkit-scrollbar-thumb {
    background: var(--primary);
}



.archivo-personal ul li.nested a {
    padding-right: 30px;
}
.archivo-personal ul li a {
    padding: 0 12px;
    padding-right: 10px;
    display: inline-block;
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 100%;
}

.archivo-personal.smarthr ul li a {
    font-size: .85rem;
}

.li-doc {
    margin-right:5px;
}

.archivo-personal ul li a+ul li a {
    align-items: flex-start;
}
/* .archivo-personal > div > ul > li > a {
    color: var(--primary);
} */
.archivo-personal > div > ul > li.nested::after {
    border-color: #444 transparent transparent transparent;
}
.archivo-personal ul li a.active {
    color: var(--primary);
}
.archivo-personal ul {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-ordinal-group: 4;
            order: 3;
    width: 100%;
    -webkit-box-pack: center;
            justify-content: center;
    margin-bottom: 10px;
    border-top: 1px solid gainsboro;
    padding-top: 10px;
}

.drop-content ul.action-list li {
    font-size: .9rem;
    padding-left: 40px;
    cursor: pointer;
}

.drop-content ul.action-list li svg {
    height: 20px;
    margin-right: 10px;
}

.drop-content ul.action-list li svg > path {
    fill: var(--primary);
}

.card-button + .drop-content ul.action-list li {
    padding-left: 20px;
}

.blue a {
    color: var(--primary);
}

.archivo-personal ul li.active a {
    font-weight: bold;
}

/* .archivo-personal ul li:not(:last-of-type) a {
    border-right: 1px solid #eee;
} */

/* .archivo-personal ul li a i {
    position: absolute;
    left: 0;
    padding: 7px;
    color: white;
    background: var(--primary);
    height: 100%;
    top: 0;
} */

.menu-label {
    padding-right: 0;
    text-transform: uppercase;
    font-size: .9rem;
    margin-bottom: 30px;
}

/* Noticias */
.cont-desc {
    justify-content: space-between; 
    margin-top: 14px;
}

.small.noticia-fecha {
    font-weight: 600;
}  

.widget-5.card .small.noticia-fecha {
    font-size: 12px;
}

.small.noticia-hora {
    margin-top: 0.5px;
}

.widget-5.card .small.noticia-hora {
    margin-top: 0px;
    font-size: 12px;
}

.color-text {
    color: #B6B6B6 !important;
}  

.color-btn {
    background: #B0BFC8 !important;
    color: #ffffff !important;
} 

.color-btn:hover {
    box-shadow: 0 14px 26px -12px rgba(176, 191, 200, 0.8), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(84, 174, 218, 0.4) !important;
} 

.color-btn-detalle {
    background: #B0BFC8 !important;
    color: #ffffff !important;
    border: 1px solid #B0BFC8 !important;
} 

.color-btn-detalle:hover {
    box-shadow: 0 14px 26px -12px rgba(176, 191, 200, 0.8), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(84, 174, 218, 0.4) !important;
} 

.i-noticia-estado {
    background: #B0BFC8 !important;
}

/* Noticias */
.btn.btn-sm-noticia {
    padding: 8px 40px 8px 40px;
    font-size: .8rem;
    font-weight: 600;
}

@media(min-width:992px) {
    .menu-label {
        padding-right: 20px;
        margin-bottom: 0;
    }
    img.foto-noticia {
        max-width: 720px;
        min-width: 720px;
        height: 44vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    img.foto-noticia-info-1 {
        max-width: 720px;
        min-width: 720px;
    }
    .btn-call{
        display: block;
    }
    .btn-call-resp{
        display: none;
    }
    .table-loading.loading-landing {
        min-height: 75vh;
    }
    .slide.down.modalNews {
        margin-top: 10px;
        visibility: visible;
        opacity: 1;
        position: static;
        max-height: 950px;
        overflow-y: auto;
        height: 86vh;
        width: 850px;
    }    
}

@media (min-width: 992px) {
    .container-header {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px 78px;
    }
    .container-header-time {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px 40px 0px 110px;
    }
    .container-body {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px 82.5px 0px 75px;
    }
}

@media(max-width:1550px) {
    .archivo-personal ul li a {
        padding: 0 0px;
        padding-right: 6px;
        display: inline-block;
        font-size: .9rem;
        text-transform: uppercase;
        font-weight: bold;
        color: #444;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        height: 100%;
    }

    .archivo-personal.smarthr ul li a {
        font-size: .85rem;
    }    
}

.administrativo {
    /* background: #666666; */
    /* border-top: 1px solid #ddd; */
    background: rgba(from var(--primary) r g b / .4);
    max-height: 53px;
    /* background: var(--primary); */
    /* border-top: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary); */
}

.top-bar .nested-ul {
    z-index: 9999;
}

.top-bar .administrativo > div > ul {
    padding: 5px 0;
    position: absolute;
    width: 100%;
    min-height: 100vh;
    background: white;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    display: none;
}

.mobile {
    font-size: 1.5rem;
    padding: 6px 10px;
    margin: 0 auto;
    cursor: pointer;
}
/* .administrativo > div > ul > li > a {
    color: white;
    font-weight: 600;
} */
.administrativo ul li a {
    padding: 8px 15px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9rem;
    -webkit-transition: .3s;
    transition: .3s;
}
.administrativo.smarthr ul li a {
    font-size: .85rem;
}
.administrativo ul li a.active, .administrativo ul li.blue a {
    color: var(--primary);
    background: #ffffff;
}
.administrativo ul li.active > a {
    color: var(--primary);
    background: #ffffff;
}

.administrativo.menu-landing ul li a.active, .administrativo.menu-landing ul li.blue a {
    color: var(--primary);
    background: transparent;
}
.administrativo.menu-landing ul li.active > a {
    color: var(--primary);
    background: transparent;
}

.administrativo > div > ul > li.nested > a {
    padding-right: 25px;
    border-radius: 30px;
    margin: 5px;

    pointer-events: none;
}

.administrativo > div > ul > li > a:hover {
    background: white;
    color: var(--primary);
}

.archivo-personal ul li a:hover {
    color: var(--primary);
}

.archivo-personal li.nested::after {
    top: 8px;
}

.top-bar ul li.nested {
    position: relative;
    /* padding-right: 30px; */
}

li.nested::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 20px;
    -webkit-transform: translatey(-50%);
            transform: translatey(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #444 transparent transparent transparent;
    -webkit-transition: .3s;
    transition: .3s;
}

.administrativo li.nested::after {
    border-color: var(--primary) transparent transparent transparent;
}

.administrativo li.nested.blue::after {
    border-color: var(--primary) transparent transparent transparent;
}

.archivo-personal li.nested:hover::after {
    border-color: var(--primary) transparent transparent transparent;
}

.archivo-personal li.nested.blue > a {
    color: var(--primary);
}

/* .administrativo li.nested::after, .archivo-personal li.nested:hover::after, .archivo-personal li.nested.active::after {
    border-color: white transparent transparent transparent;
} */

.administrativo li.nested.blue::after {
    border-color: var(--primary) transparent transparent transparent;
}

/* .administrativo li.nested ul {
    border-top: 1px solid var(--primary);
} */

.top-bar li.nested ul {
    /* display: -webkit-box; */
    /* display: flex; */
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; */
    display: block;
    background: white;
    width: 100%;
    color: #444;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 280px;
    z-index: 99;

    max-height: 350px;
    overflow-y: auto;
}

.top-bar li.nested ul::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.top-bar li.nested ul::-webkit-scrollbar-track {
    background: #f5f5f5; 
}
.top-bar li.nested ul::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}


.top-bar li.nested ul li a {
    color: #444;
}

li.nested ul.slide.down {
    margin-top: 0;
}

li.nested.menu-action ul.slide.down {
    margin-top: -85px;
    padding-top: 35px;
}

.top-bar .archivo-personal li.nested ul.slide.down {
    margin-top: 10px;
}

.top-bar li.nested ul li a {
    text-transform: none;
    font-weight: normal;
    padding: 15px 25px;
    width: 100%;
    font-size: .95rem;
}

.top-bar li.nested ul li a.active {
    color: var(--primary);
}

.top-bar li.nested ul li a:hover {
    background: rgba(from var(--primary) r g b / .1);
}

li.mobile-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5rem;
    cursor: pointer;
}

.top-bar .archivo-personal li.nested ul {
    position: absolute;
    box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.04);
    padding: 0 0 10px;
    right: 0;
}

@media (min-width: 768px) {
    /* li.mobile-close {
        display: none;
    }
    .mobile {
        display: none;
    }
    .top-bar .administrativo > div > ul {
        background: transparent;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0;
        min-height: unset;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    } */
    /* .profile {
        width: 250px;
        padding-left: 20px;
        border-left: 1px solid #eee;
    }
    .profile-title {
        display: block;
    } */
    /* .archivo-personal ul {
        margin-right: 0;
        -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
                order: unset;
        width: unset;
        -webkit-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
        margin-bottom: 0;
    }
    .archivo-personal > div {
        align-items: stretch;
    }
    .archivo-personal li.nested::after {
        top: 34px;
    } */
    /* .administrativo .top-bar li.nested ul {
        position: absolute;
        -webkit-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.04);
                box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.04);
                padding: 0 0 10px;
    } */
}

@media (min-width: 992px) {
    
    .top-bar .administrativo li.nested ul {
        position: absolute;
        box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.04);
                padding: 0 0 10px;

                /* height: 400px;
                overflow-y: scroll; */
    }
    .top-bar > ul > li:not(.mobile-close) {
        margin-bottom: 0;
        max-width: unset;
        width: unset;
    }
    li.mobile-close {
        display: none;
    }
    .mobile {
        display: none;
    }
    .top-bar .administrativo > div > ul {
        background: transparent;
        display: -webkit-box !important;
        display: flex !important;
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        padding: 0;
        min-height: unset;
        -webkit-box-pack: start;
                justify-content: flex-start;
    }
    .top-bar .administrativo > div > ul.ul-agro {
        justify-content: space-between;
    }
    .profile {
        width: 160px; 
        padding-left: 20px;
    }

    .profile-2 {
         width: auto !important;
         padding-left: 20px;
     }
    .profile-title {
        display: block;
    }
    .administrativo > div > ul > li > a {
        color: #444;
    }
    .administrativo li.nested::after {
        border-color: #444 transparent transparent transparent;
    }
}
@media (min-width:1550px) {
    .profile {
        border-left: 1px solid #eee;
    }
    /* .archivo-personal ul {
        margin-right: 0;
        -webkit-box-ordinal-group: unset;
                order: unset;
        width: unset;
        -webkit-box-pack: unset;
                justify-content: unset;
        margin-bottom: 0;
        border-top: none;
        padding-top: 0;
    } */
    .archivo-personal > div {
        -webkit-box-align: stretch;
                align-items: stretch;
    }
    /*.archivo-personal li.nested::after {
        top: 34px;
    }*/
    .top-bar .archivo-personal li.nested ul.slide.down {
        margin-top: 0;
    }
}
/* Top bar */


/* Content */
.flex-con {
    height: 100%;
    min-height: 100vh;
    width: 100%;
}

.flex-con .container.padding-top {
    padding-top: 160px;
}

.extraBar + .flex-con .container.padding-top {
    padding-top: 180px;
}

@media (max-width:1549px) {
    .extraBar + .flex-con .container.padding-top {
        padding-top: 185px;
    }
}

@media (max-width:1299px) {
    .extraBar + .flex-con .container.padding-top {
        padding-top: 200px;
    }
}

.notifications {
    top: 180px;
}
.main-content {
    padding: 0 0 60px;
}
.page-title h1 {
    color: var(--primary);
}
.breadcrumbs {
    font-size: .9rem;
}
@media (min-width: 1450px) {
    .breadcrumbs {
        padding-left: 40px;
    }
    .flex-con .container.padding-top {
        padding-top: 100px;
    }

    .flex-cont-onboarding .container.padding-top {
        padding-top: 160px;
    }

    .flex-cont-onboarding .container.padding-top {
        padding-top: 160px;
    }
    
    .container-general {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .flex-cont-onboarding-analista .container.padding-top {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .notifications {
        top: 140px;
    }
}
.breadcrumb {
    display: inline-block;
}
.breadcrumbs i {
    padding: 0 10px;
    font-size: .6rem;
}
.breadcrumb:last-of-type i {
    display: none;
}
.dropdown.company {
    font-size: .9rem;
    padding-right: 40px;
    margin-left: 0;
}
.company .target {
    position: relative;
    padding-right: 15px;

    display: -webkit-box;

    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.company .target::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #555 transparent transparent transparent;
    box-shadow: none;
    background: transparent;
    -webkit-transition: .3s;
    transition: .3s;
}
.company .target.rotated::after {
    /* -webkit-transform: rotate(-180deg) translateY(-50%); */
            -webkit-transform: rotate(-180deg) translateY(50%);
                    transform: rotate(-180deg) translateY(50%);
}
.company .highlight {
    font-weight: 600;
    padding-right: 5px;
}
.company .empresa.active::before {
    content: '';
    background-image: url('../img/green-check.svg');
    background-size: cover;
    background-position: center;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: 15px;
}
.action-card {
    min-height: 250px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border: 2px dashed #ccc;
    padding: 20px;
    color: #777;
    border-radius: 30px;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    margin-top: 30px;
}
.action-card p.info {
    font-size: .9rem;
    text-align: justify;
    margin-top: 5px;
    margin-bottom: 0;
    display: none;
}
.action-card i, .action-card .card-heading {
    -webkit-transition: .3s;
    transition: .3s;
}
.action-card:hover i, .action-card:hover .card-heading {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
.action-card i {
    font-size: 2rem;
    color: var(--primary);
}
.card-heading {
    margin-top: 10px;
    font-weight: normal;
    color: var(--primary);
}
.action-card .card-heading {
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
    margin-bottom: 0;
}
.card-footer {
    margin-top: 40px;
}
.card-footer .btn {
    display: block;
    margin: 0 auto;
}
.card-footer .btn:not(:last-of-type) {
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    .card-footer .btn:not(:last-of-type) {
        margin: unset;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .card-footer .btn {
        display: inline-block;
    }
}
@media (max-width: 575px) {
    .table-loading.form {
        max-width: 200px;
        min-height: 50px !important;
    }

    .container-header-time .logo-pd img {
        margin-left: 60px !important;
    }

    .modal-onboarding-colaborador div.modal-close {
        right: 20px !important;
        top: 20px !important;
    }

}
.sample2 {
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    display: none;
}
.sample2 .action-card {
    width: 400px;
    max-width: 100%;
    margin: 15px;
}
/* Content */

/* Footer */
.site-footer {
    text-align: center;
    font-size: .8rem;
    width: 100%;
    padding: 20px;
    padding-top: 0;
    margin-top: auto;
}
.site-footer .site-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    /* height: 50px; */
}

.right footer {
    font-size: .85rem;
    text-align: center;
}
/* Footer */




/* Forms */
.input-container {
    margin-bottom: 20px;
    position: relative;
}
.formulario-generado .input-container {
    margin-top: 20px;
}
@media (min-width: 576px) {
    .double-row, .triple-row {
        display: -webkit-box;
        display: flex;
    }
    .double-row > div {
        width: 50%;
        margin-right: 20px;
    }
    .double-row > div:last-of-type {
        margin-right: 0;
    }
}
input, 
select, 
textarea, 
.input-container .autocomplete-container {
    padding: 13px 20px;
    width: 100%;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-size: .95rem;
    /*height: 50px;*/
    background: transparent;
    border: 1px solid #ddd;
    user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
}
.input-container .multiselect-dropdown .dropdown-btn {
    padding: 13px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    display: block !important;
    font-size: .95rem !important;
    min-height: 50px !important;
    border: 1px solid #ddd !important;
}
.input-container.disabled .multiselect-dropdown {
    background: #eee;
}
input[type="radio"] {
    height: unset;
    width: unset;
    background: transparent;
    margin: 0;
    display: inline-block;
    min-height: unset;
}
.input-container .multiselect-dropdown .dropdown-btn .selected-item {
    float: none !important;
    display: inline-block !important;
    border: 1px solid var(--primary) !important;
    background: var(--primary) !important;
    margin-bottom: 1px !important;
}
.input-container .multiselect-item-checkbox input[type=checkbox] + div:before {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.dropdown-list {
    padding: 6px !important;
    box-shadow: 0 1px 20px rgba(0,0,0,0.2);
    border: none !important;
    border-radius: 10px;
}
.input-container .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: var(--primary) !important;
}
span.dropdown-btn:focus {
    outline: none;
}
.no-data h5 {
    font-weight: normal;
}
.input-container.error {
    margin-bottom: 0;
}
.input-container.error-valid {
    margin-bottom: 0;
}
.input-container.error input,
.input-container.error select,
.input-container.error textarea,
.input-container.error-valid input,
.input-container.error-valid select,
.input-container.error-valid textarea,
.input-container.error .multiselect-dropdown .dropdown-btn,
.input-container.error .autocomplete-container {
    border-color: #fc4b6c;
}
.input-container.error-valid {
    border-color: #fc4b6c;
}
.input-container.error .multiselect-dropdown .dropdown-btn {
    border-color: #fc4b6c !important;
}
.input-container.error-valid .multiselect-dropdown .dropdown-btn {
    border-color: #fc4b6c !important;
}
input:focus, select:focus, textarea:focus {
    border-color: #00a1d5;
    outline: none;
}

.textareaDisabled {
    background: #f7f7f7;
    pointer-events: none;
}

.comentarioDisabled {
    background: #f7f7f7 !important;
}

.input-container label {
    position: absolute;
    top: 0;
    font-size: .8rem;
    background: white;
    padding: 0 5px;
    left: 10px;
    color: #999;
    -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
  }
  .input-container.radio label, .input-container.checkbox label {
    padding: 0;
  }
  select option:disabled {
    color: #aaa;
}
select:invalid {
    color: #aaa;
}
@supports (display: grid) {
    .input-container label {
        color: #888;
        position: absolute;
        font-weight: normal;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 24px;
        text-transform: uppercase;
        letter-spacing: 0;
        -webkit-transition: .3s;
        transition: .3s;
        margin-bottom: 0;
        font-size: .9rem;
        background: white;
        pointer-events: none;
    }
}
/* .input-container label {
    color: #888;
    position: absolute;
    font-weight: normal;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 26px;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 0;
    font-size: .9rem;
    background: white;
    pointer-events: none;
} */
.input-container.checkbox label, .input-container.radio label {
    color: unset;
    position: static;
    text-transform: none;
    background: transparent;
    pointer-events: all;
    white-space: nowrap;
    display: inline-block;
}
.input-container.disabled.checkbox {
    pointer-events: none;
}
table.dataTable .input-container.checkbox label, table.dataTable .input-container.radio label {
    display: inline;
}
table.fade {
    position: absolute;
}
table.fade.show {
    position: static;
}
.input-container input:not(:placeholder-shown) ~ label,
.input-container textarea:not(:placeholder-shown) ~ label {
    top: 0;
    font-size: .8rem;
    color: var(--primary);
    padding: 0 5px;
    left: 10px;
    z-index: 99;
}

.timeout .input-container input:not(:placeholder-shown) ~ label, 
.timeout .input-container input:focus ~ label, 
.timeout .input-container textarea:not(:placeholder-shown) ~ label {
    font-size: .7rem;
}

.input-container input:focus ~ label, 
.input-container textarea:focus ~ label, 
.input-container:not(.unrequired) ng-multiselect-dropdown.ng-valid ~ label,
.input-container.unrequired ng-multiselect-dropdown ~ label.top,
.input-container ng-autocomplete.ng-valid ~ label {
    top: 0;
    font-size: .8rem;
    color: var(--primary);
    padding: 0 5px;
    left: 10px;
    z-index: 99;
}
.input-container input:-webkit-autofill ~ label {
    top: 0;
    font-size: .8rem;
    color: var(--primary);
    padding: 0 5px;
    left: 10px;
}
.input-container input:not(:placeholder-shown) ~ label,
.input-container .ng-valid ~ label,
.input-container ng-multiselect-dropdown.ng-valid ~ label,
.input-container ng-autocomplete.ng-valid ~ label {
    color: #888;
}
.input-container label.top {
    top: 0;
    font-size: .8rem;
    background: white;
    padding: 0 5px;
    left: 10px;
    z-index: 999;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-transition-delay: 9999s;
   transition-delay: 9999s;
}
textarea {
    max-width: 100%;
}
.hr-label {
    position: relative;
    cursor: pointer;
}
.hr-label hr {
    border-color: var(--primary); /*#00a1d5*/ 
    margin: 20px 0 40px;
    filter: brightness(110%);
}
.hr-label h6 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    background: white;
    padding: 10px;
    font-size: .9rem;
    font-weight: normal;
    white-space: nowrap;
}
.hr-label i {
    font-size: .7rem;
}
.centered-content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.hide-mobile {
    display: none;
}
@media (min-width: 562px) {
    .hide-mobile {
        display: inline-block;
    }
}
form button.btn,
.card-footer button.btn {
    min-width: 180px;
    display: inline-block;
}
.checkbox input[type=checkbox], .radio input[type=radio] {
    display: none;
}
input[type=checkbox] {
    width: unset;
    min-height: unset;
    display: inline-block;
}
.checkbox label, .radio label {
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
}
.input-container.checkbox.disabled label {
    cursor: auto;
    color: #bbb;
}
.checkbox label span, .radio label span {
    height: 18px;
    width: 18px;
    border: 2px solid var(--primary);
    display: inline-block;
    /* margin-right: 5px; */
}
.input-container.error.checkbox label span, .input-container.error.radio label span {
    border-color: #fc4b6c;
}
.input-container.error-valid.checkbox label span, .input-container.error-valid.radio label span {
    border-color: #fc4b6c;
}
.input-container.disabled.checkbox label span{
    border: 2px solid #bbb;
    pointer-events: none;
}
.radio label span {
    border-radius: 50%;
    position: relative;
}
.checkbox input:checked ~ span {
    background-color: var(--primary);
    background-image: url('../img/white-check.svg');
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}
.success th .checkbox input:checked ~ span {
    background-color: #8cc25e;
}
.error th .checkbox input:checked ~ span {
    background-color: #fc4b6c;
}
.info th .checkbox input:checked ~ span {
    background-color: #ebaa15;
}
.radio input:checked ~ span::after {
    content: '';
    background-color: var(--primary);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
form.sign-in .input-container input:-webkit-autofill {
    border-color: var(--primary) !important; /*#00a1d5*/ 
    filter: brightness(110%);
}
.input-container.radio label:not(:last-of-type) {
    margin-right: 20px;
}
.input-container.checkbox label:not(:last-of-type) {
    margin-right: 20px;
}
/* Forms */




/* Wizard */
/* .wizard {

} */
.wizard {
    min-height: 500px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.wizard-footer {
    text-align: center;
    margin-top: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
            margin-top: 40px;
}
/* .wizard-head {
    margin-bottom: 20px;
} */
.wizard-footer button.btn, .modal-footer button.btn, .pdf-actions button.btn, .modal-footer button.btn.btn-load {
    min-width: 180px;
    display: inline-block;
    padding: 12px 20px;
}
.wizard-footer button.btn {
    margin: 0 auto;
}
@media (min-width: 415px) {
    .wizard-footer {
        display: block;
    }
    .wizard-footer button.btn:not(:last-of-type) {
        margin-bottom: 0;
    }
    .wizard-footer .btn:not(:last-of-type) {
        margin-right: 10px;
    }
}



.step-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.wizard .step {
    margin-bottom: 20px;
    margin-top: auto;
    margin-bottom: auto;
}

.wizard .step.planilla {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wizard .sincronizar{
    margin: 20px auto;
}

.step-head {
    text-align: center;
    margin-bottom: 40px;
    display: none;
}
.step-head .title {
    font-size: 1.1rem;
}
.step-head .subtitle {
    font-weight: normal;
    font-size: .9rem;
}
.step-item {
    position: relative;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 10px;
    background: white;
}
.step-item i {
    font-size: 1.3rem;
    display: block;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    color: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
.step-item.filled i {
    background: rgba(140, 194, 94, .3);
    color: #8cc25e;
    border-color: transparent;
}
.step-item.filled i::before {
    content: "\e64c";
}
.step-item.filled.active i {
    background: #8cc25e;
    color: white;
    border-color: #8cc25e;
}
.step-item.filled .step-number {
    color: #8cc25e;
}
.step-item.active.filled .step-number {
    color: #8cc25e;
}
.step-item.filled.disabled i::before {
    content: "\e64c";
}
.step-item.active i {
    background: rgba(from var(--primary) r g b / .15);
    color: white;
    border-color: var(--primary);
    background: var(--primary);
}
.step-item.error i {
    border-color: #fc4b6c;
}
.step-number {
    font-size: .9rem;
    text-transform: uppercase;
}
.step-item.active .step-number {
    font-weight: bold;
    color: var(--primary);
}
.step-item.disabled {
    pointer-events: none;
}
.step-item.disabled .step-number {
    color: #ddd;
}
.step-item.disabled i {
    color: #ddd;
    background: #f8f8f8;
    border-color: #f8f8f8;
}
.wizard-footer .next i {
    padding-right: 0;
    padding-left: 10px;
}
@media (min-width: 576px) {
    .step-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
    }
    .step-item {
        display: block;
        width: 100px; 
        margin-bottom: 0; 
        -webkit-transition: .3s; 
        transition: .3s;
        margin-bottom: none;
    }
    .step-item i {
        font-size: 1.4rem;
        position: relative;
        -webkit-transition: .3s;
        transition: .3s;
        height: 50px;
        width: 50px;
        margin: 0 auto 10px;
    }
    .step-nav::before {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: #ddd;
    }
    .step-nav .bar {
        height: 2px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: #8cc25e;
        -webkit-transition: .4s;
        transition: .4s;
    }
    .step-item.filled i::after {
        padding: 4px;
    }
    .step-nav span.bar.split {
        width: 0 !important;
        left: 70%;
    }
    .step-nav span.bar.split.complete {
        width: 30% !important;
    }
}
/* Wizard */




/* Tables */
table {
    border-collapse: collapse;
    max-width: 100%;
}
.dataTable {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.card .dataTables_wrapper .dataTables_filter input {
    margin: 0;
}
.card table.dataTable thead tr {
    /* background: var(--primary); */
    color: white;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.card table.dataTable thead th {
    text-align: left;
    font-weight: 600;
    /* CHANGE */
    padding: 12px 20px;
    padding: 12px;
    background-color: var(--primary);
    color: white;
    border: none;
    white-space: nowrap;
    font-size: 1rem;
}

.card table.dataTable.dashboard thead th,
.ng-tb.dashboard thead th {
    background-color: #1A1B39;
}
.card table.dataTable.tareas.dashboard thead th,
.ng-tb.dashboard thead th {
    background-color: #FFFFFF;
}
.card table.dataTable.dashboard tbody td {
    background: #F0F0F0;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango tbody td {
    background: #FFFFFF;
    max-width: 26px;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango tbody th, 
.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango tbody td {
    padding: 0px !important;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango th:nth-child(3),
.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango td:nth-child(3),
.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango th:nth-child(4), 
.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango td:nth-child(4) {
    width: auto;
    max-width: 26px;
    min-width: auto;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango thead th {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    padding: 0px 0px 5px 5px;
    color: #292D32;
    text-transform: uppercase;
    text-align: center;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #eee;
    height: 25px;
    border-radius: 0;
    left: -10px;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}

.card table.dataTable.dashboard .content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron), .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 2px 4px;
    height: 16px;
    width: 14px;
    margin: 2px 2px;
}

table.dataTable.dashboard.row-border>tbody>tr>th, 
table.dataTable.dashboard.row-border>tbody>tr>td, 
table.dataTable.dashboard.display>tbody>tr>th, 
table.dataTable.dashboard.display>tbody>tr>td {
    border-top: 5px solid rgba(255, 255, 255, 1) !important;
}

table.dataTable.dashboard thead th {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    padding: 2px 4.2px;
}

table.dataTable.tareas.dashboard thead th {
    font-size: 11px;
    text-align: left;
    color: #1A1B39;
}

table.dataTable.dashboard tbody td {
    padding: 5px 2px !important;
    font-size: 11px;
}

table.dataTable.dashboard.vacacionesAusencias tbody td {
    padding: 1px 2px !important;
    font-size: 11px;
}

table.dataTable.dashboard tbody td.text-danger {
    color: #fc4b6c;
}

table.dataTable.dashboard.notificaciones thead th:first-of-type {
    padding-left: 5px !important;
}

table.dataTable.dashboard.contratos thead th:first-of-type {
    padding-left: 20px !important;
}

table.dataTable.dashboard a.text-info {
    color: #444;
    text-decoration: underline;
    margin-left: 10px;
}

table.dataTable.dashboard a.text-danger {
    color: #fc4b6c;
}

table.dataTable.tareas.dashboard th:nth-child(3),
table.dataTable.tareas.dashboard td:nth-child(3) {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}


table.dataTable.tareas.documentos.dashboard th:nth-child(3),
table.dataTable.tareas.documentos.dashboard td:nth-child(3) {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}

table.dataTable.tareas.documentos.dashboard th:nth-child(5),
table.dataTable.tareas.documentos.dashboard td:nth-child(5) {
    width: 90px;
    max-width: 90px;
    min-width: 90px;
}

table.dataTable.tareas.vacaciones.dashboard th:nth-child(3),
table.dataTable.tareas.vacaciones.dashboard td:nth-child(3) {
    width: 90px;
    max-width: 90px;
    min-width: 90px;
}

table.dataTable.tareas.vacaciones.dashboard th:nth-child(4),
table.dataTable.tareas.vacaciones.dashboard td:nth-child(4) {
    width: 38px;
    max-width: 38px;
    min-width: 38px;
}

table.dataTable.tareas.cuponera.dashboard th:nth-child(3),
table.dataTable.tareas.cuponera.dashboard td:nth-child(3) {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

table.dataTable.tareas.cuponera.dashboard th:nth-child(4),
table.dataTable.tareas.cuponera.dashboard td:nth-child(4) {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}

.content-calendar-rango bs-daterangepicker-inline {
    position: absolute;
    top: 45px;
    right: -45px;
    pointer-events: none;
    z-index: 2;
}

.content-calendar-rango.content-calendar-rango bs-daterangepicker-inline {
    position: absolute;
    top: 32px;
    right: -20px;
    pointer-events: none;
    z-index: 1;
}

/*.content-calendar-rango.content-calendar-rango bs-daterangepicker-inline.right {
    right: -10px;
}*/

.content-daterange-table .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.table-tareas .calendarDefault {
    position: absolute;
    top: 32px;
    right: 8px;
    pointer-events: none;
    z-index: 1;
}

.widget-4.card .content-tabla .dataTables_wrapper {
    width: max-content;
}

.card .content-tabla .dataTables_scrollBody {
    max-height: 85px !important;
    height: 85px !important;
    overflow: visible !important;
    border-bottom: none !important;
}

.card .content-tabla .dataTables_scrollHead {
    overflow: visible !important;
}

.card .content-tabla .dataTables_scroll {
    min-height: 185px;
}

.card .content-tabla.collab .dataTables_scroll {
    min-height: 115px;
}

.card .content-tabla  .dataTables_wrapper .dataTables_paginate, 
.card .content-tabla  .dataTables_wrapper .dataTables_info {
    padding-top: 0px !important;
}

.card table.dataTable.success thead th,
.ng-tb.success thead th {
    background-color: #8cc25e;
}
.card table.dataTable.error thead th,
.ng-tb.error thead th {
    background-color: #fc4b6c;
}
.card table.dataTable.info thead th,
.ng-tb.info thead th {
    background-color: #ebaa15;
}
.card table.dataTable thead th.status {
    text-align: center;
}
.card table.dataTable thead th:first-of-type {
    padding-left: 40px;
}
.card table.dataTable thead th.icon {
    text-align: center;
}
.card table.dataTable thead th:first-of-type {
    border-top-left-radius: 6px;
}
.card table.dataTable thead th:last-of-type {
    border-top-right-radius: 6px;
}
.card table.dataTable tbody td {
    padding: 12px;
    max-width: 250px;
    border: none;
}
.card table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, .card table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 40px;
}
table.dataTable .icon {
    color: var(--primary);
}
.card table.dataTable.no-footer {
    border-color: #ddd;
}
.card table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, .card table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    content: '';
    background-image: url('../img/plus.svg');
    background-size: cover;
    position: absolute;
    /* CHANGE */
    width: 15px;
    height: 15px;
    left: 15px;
    margin-top: 11px;
    /*top: 50%;*/
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    box-shadow: none;
    -webkit-transition: .3s;
    transition: .3s;
    /*background-color: transparent;*/
    border: none;
    border-radius: 0;
    display: block;
    background: var(--primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.6 47.8'%3E%3Cpath d='M17.9 30.5H0V17.6h17.9V0h12.9v17.6h17.9v12.9H30.8v17.3H17.9V30.5z' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.6 47.8'%3E%3Cpath d='M17.9 30.5H0V17.6h17.9V0h12.9v17.6h17.9v12.9H30.8v17.3H17.9V30.5z' /%3E%3C/svg%3E");
}
.card table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .card table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    -webkit-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
    content: '';
    background-image: url('../img/minus.svg');
    /*background-color: transparent;*/
    background: var(--primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.6%2047.8%22%3E%3Cpath%20fill%3D%22var(--primary)%22%20d%3D%22M17.9%2017.6H0v12.9H48.6V17.6z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48.6v47.8H0z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.6%2047.8%22%3E%3Cpath%20fill%3D%22var(--primary)%22%20d%3D%22M17.9%2017.6H0v12.9H48.6V17.6z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48.6v47.8H0z%22%2F%3E%3C%2Fsvg%3E");
}

.card .dataTables_paginate.paging_simple_numbers {
    display: -webkit-box;
    display: flex;
}
.card .dataTables_paginate.paging_simple_numbers > span {
    display: -webkit-box;
    display: flex;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-transition: .3s;
    transition: .3s;
    color: #444 !important;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next) {
    font-weight: 600;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background: var(--primary);
    box-shadow: none;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: var(--primary);
    background: var(--primary);
    color: white !important;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: var(--primary);
    background: white;
}
.card .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next) {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
            justify-content: center;
}
.card .dataTables_wrapper .dataTables_paginate, .card .dataTables_wrapper .dataTables_info {
    padding-top: 15px;
}
.card .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-color: #ddd;
}
.card .dataTables_scrollHeadInner {
    padding: 0 !important;
    width: 100% !important;
}
.card .dataTables_scrollHeadInner table.dataTable {
    width: 100% !important;
}
.card th.icon {
    width: 80px !important;
}
.card td.icon {
    text-align: center;
}
.card .dataTables_scroll {
    min-height: 580px;
}
.dataTables_wrapper select, .dataTables_wrapper input {
    display: inline-block;
    width: auto;
    min-height: unset;
    padding: 5px 20px;
    border: none;
}
.dataTables_wrapper select.table-select {
    display: block;
    padding: 3px 10px;
}
.dataTables_wrapper select {
    background: #eee;
    margin: 0 10px;
    margin-left: 0;
}
.card .dataTables_wrapper .dataTables_filter {
    display: -webkit-box;
    display: flex;
    margin-bottom: 15px;
    font-size: .95rem;
}
.card .dataTables_length {
    margin-top: 15px;
    font-size: .95rem;
    margin-right: 40px;
}
.card .dataTables_info {
    font-size: .95rem;
}
.card .dataTable td.correo {
    min-width: 150px;
    word-break: break-word;
}
.card table.dataTable > tbody > tr.child span.dtr-title {
    font-weight: normal;
    color: var(--primary);
}
.card table.dataTable thead .sorting {
    background-position: right 10px center;
}
.card table.dataTable thead .sorting {
    background-image: none;
}
.card table.dataTable thead .sorting_asc {
    /*background-image: url('../img/arrow-up.svg');*/
    background-size: 12px;
    background-position: 95%;
}
.card table.dataTable thead .sorting_desc {
    /*background-image: url('../img/arrow-down.svg');*/
    background-size: 12px;
    background-position: 95%;
}

/*table.dataTable thead.validarTabla .sorting{
    background-image:url('../img/sort_both.png');
    background-size: 20px;
    background-position: 100%;
}*/

/*table.dataTable thead.validarTabla .sorting_asc{
    background-image:url('../img/sort_asc.png') !important;
}
    background-image:url('../img/sort_desc.png') !important;
}*/

.dataTables_scrollBody::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
    background: #ddd; 
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.table-pagination.pagination {
    -webkit-box-pack: end;
            justify-content: flex-end;
    margin-top: 20px;
}
table .drop-content {
    min-width: 250px;
    margin-top: 0;
    border-color: #ccc;
    border-top-left-radius: 10px;
    margin-bottom: 20px;
}
table .drop-content:not(.square-top) {
    margin-top: 10px;
}
table .drop-content.top {
    bottom: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 10px;
    margin-bottom: 0;
}
span.dtr-data {
    display: inline-block;
    text-align: left;
}
ul.dtr-details li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
            flex-wrap: wrap;
    text-align: center;
}
td.multiline .multi:not(:last-of-type) {
    padding-bottom: 5px;
    margin-bottom: 5px;
}
td.multiline .multi span {
    color: var(--primary);
}
table .card-button {
    border: 1px solid transparent;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 10px;
    padding: 5px;
    background: transparent;
}
table .card-button:hover {
    background: transparent;
}
table .card-button.dropped {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ccc;
    border-bottom-color: white;
}
table .card-button.dropped.top {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid transparent;
}
table .card-button i {
    margin: 0;
}
table .input-container {
    margin-bottom: 0;
}
table .popover .input-container {
    display: inline-block;
}
table thead .input-container.checkbox label span {
    border-color: white;
}
.checkbox label span {
    display: block;
}
.card table td:focus {
    outline: none;
}
.table-loading {
    min-height: 250px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.table-loading.form {
    min-width: 100px;
    min-height: 98px;
    background: white;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.calendar-loading {
    position: absolute;
    top: 160px !important;
    left: 50%;
    z-index: 10;
    min-height: 250px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.calendar-loading-modal {
    position: absolute;
    top: 80px !important;
    left: 50%;
    z-index: 10;
    min-height: 250px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.card table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    background: rgb(241, 241, 243);
    padding: 5px 8px;
    margin-right: 10px;
    text-align: left;
    border-radius: 3px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary);
    font-size: .9rem;
}
@media (min-width: 500px) {
    .card table.dataTable > tbody > tr.child span.dtr-title {
        width: unset;
        min-width: 180px;
        text-align: right;
    }
}
th .d-flex span {
    padding: 5px 10px;
    width: 50%;
    margin-top: 5px;
    border-radius: 4px;
    background: rgba(0,0,0,0.15);
    font-size: .9rem;
}
th .d-flex span:not(:last-of-type) {
    margin-right: 10px;
}
.table-header {
    margin-bottom: 20px;
}
.card table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f1f1f3;
}
.status {
    cursor: pointer;
    
    text-align: center;
}
.status i {
    font-size: 1.5rem;
}
.status-td {
    display: inline-block;
    height: 13px;
    width: 13px;
    margin-right: 10px;
    border-radius: 50%;
}
.status-0 { color: #ebaa15; }
.status-1 { color: #8cc25e; }
.status-2 { color: #fc4b6c; }
.head-item {
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background: #eee;
    position: relative;
}
.head-item::after {
    content: '';
    width: 55px;
    height: 100%;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    top: 0;
    left: 0;
}
.head-item .bar {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
    overflow: hidden;
    max-width: 70px;
    z-index: 1;
}
.head-item .p-bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
}
.head-item .info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 1.5rem;
    width: 80px;
    font-weight: bold;
    color: rgba(0,0,0,0.6);
    flex-shrink: 0;
    z-index: 1;
}
.head-item i {
    font-size: 1.7rem;
    color: rgba(0,0,0,0.4);
    margin-right: 25px;
}

.head-item.infoTodos::after {background: var(--primary);}
.head-item.success::after {background: #8cc25e;}
.head-item.info::after {background: #ebaa15;}
.head-item.error::after {background: #fc4b6c;}

.head-item.infoTodos.active::after, 
.head-item.infoTodos:hover::after { background: var(--primary); color: white; width: 100%; }
.head-item.success.active::after, 
.head-item.success:hover::after { background: #8cc25e; color: white; width: 100%; }
.head-item.info.active::after, 
.head-item.info:hover::after { background: #ebaa15; color: white; width: 100%; }
.head-item.error.active::after, 
.head-item.error:hover::after { background: #fc4b6c; color: white; width: 100%; }

.head-item.infoTodos.active,
.head-item.infoTodos:hover,
.head-item.success.active,
.head-item.success:hover,
.head-item.info.active,
.head-item.info:hover,
.head-item.error.active,
.head-item.error:hover { 
    color: white; 
}

.head-item.infoTodos .p-bar { background: var(--primary); }
.head-item.success .p-bar { background: #8cc25e; }
.head-item.info .p-bar { background: #ebaa15; }
.head-item.error .p-bar { background: #fc4b6c; }

.head-item.success.active .p-bar,
.head-item.info.active .p-bar,
.head-item.infoTodos.active .p-bar,
.head-item.error.active .p-bar,
.head-item.success:hover .p-bar,
.head-item.info:hover .p-bar,
.head-item.infoTodos:hover .p-bar,
.head-item.error:hover .p-bar 
{ background: white; }

.head-item .title {
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
    padding: 10px 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
            z-index: 1;
}
.head-item .title span span {
    font-weight: 600;
    color: rgba(0,0,0,0.5);
}

.head-item.tab {
    background: white;
    border: 1px solid var(--primary);
}

.head-item.tab.active {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: white;
}

@media (min-width: 768px) {
    .table-header.tabs {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width: 1920px) and (min-width: 1479px) and (max-height: 955px) {
    .content-pagination p {
        margin-block-start: 0.2em !important;
        margin-block-end: 0.2em !important;
    }
}

@media (max-width: 1920px) {
    .table-gestion.reportes .inner {
        max-width: 68.7vw;
    }

    .table-gestion.analisis .inner {
        max-width: 70vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 84vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 85.3vw;
    }
}

@media (max-width: 1900px) {
    .table-gestion.reportes .inner {
        max-width: 66.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 68vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 83vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 84.5vw;
    }
}

@media (max-width: 1800px) {
    .table-gestion.reportes .inner {
        max-width: 64.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 66vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 82vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 83.5vw;
    }
}

@media (max-width: 1700px) {
    .table-gestion.reportes .inner {
        max-width: 62vw;
    }
    
    .table-gestion.analisis .inner {
        max-width: 64vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 81vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 82.5vw;
    }
}

@media (max-width: 1600px) {
    .modal-bienvenida .content-grid-column {
        grid-template-columns: 24vw 40px !important;
    }

    .table-gestion.reportes .inner {
        max-width: 59.7vw;
    }

    .table-gestion.analisis .inner {
        max-width: 61.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 79.5vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 81vw;
    }

    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 4.7vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 3.2vw !important;
    }
    
    .cargar-documento.overlay.fade.vistaCargarDocumentos {
        padding-top: 6vh !important;
    }
    
    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(-75%) translateY(0%) !important; 
    }*/

    /*.table-gestion-colaboradores .popover-box.email {
         transform: translateX(-5%) translateY(0%) !important; 
    }*/
}

@media (max-width: 1600px) and (max-height: 768px) {
    .modal-filtrar input {
        padding: 5px 7px 5px 7.4px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        max-height: 30px !important;
    }
}

@media (min-width: 992px) and (max-width: 1600px) and (max-height: 768px) {
    .modal-anadir-fecha .content-daterangepicker .bs-datepicker th {
        padding: 0px 2px 5px 2px;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 0px 7.5px;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker th {
        padding: 0px 2px 5px 2px;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 0px 7.5px;
    }
}

@media (min-width: 767px) and (max-width: 1600px) and (max-height: 768px) {
    .table-historial .inner {
        max-height: 18vw !important;
    }
}

@media (max-width: 1500px) {
    .table-gestion.reportes .inner {
        max-width: 59.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 61vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 79.5vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 81vw;
    }

    .calendar-loading {
        top: 130px !important
    }
}

@media (max-width: 1480px) {
    .table-gestion.reportes .inner {
        max-width: 58.3vw;
    }

    .table-gestion.analisis .inner {
        max-width: 60.3vw;
    }
    
    .table-gestion.reportes.expand .inner {
        max-width: 78.5vw;
    }
    
    .table-gestion.analisis.expand .inner {
        max-width: 80.5vw;
    }
}

@media (max-width: 1450px) {
    .btn.btn-sm-noticia {
        padding: 8px 30px 8px 30px !important;
    }
}

@media (max-width: 1440px) {
    .modal-bienvenida .content-grid-column {
        grid-template-columns: 28vw 40px !important;
    }

    .table-festividades .input-container.switch {
        margin-left: -95px !important;
    }

    .table-gestion.reportes .inner {
        max-width: 57vw;
    }

    .table-gestion.analisis .inner {
        max-width: 58.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 78.3vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 80vw;
    }

    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 4.5vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 3.5vw !important;
    }

    .cargar-documento.overlay.fade.vistaCargarDocumentos {
        padding-top: 12vh !important;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(-45%) translateY(0%) !important; 
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(25%) translateY(0%) !important;
    }*/
}

@media (max-width: 1400px) {
    .table-gestion.reportes .inner {
        max-width: 56vw;
    }

    .table-gestion.analisis .inner {
        max-width: 57.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 77.5vw;
    }
    
    .table-gestion.analisis.expand .inner {
        max-width: 79.5vw;
    }

    .calendar-loading {
        top: 90px !important;
    }
}

@media (max-width: 1366px) {
    .table-gestion.reportes .inner {
        max-width: 55.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 57vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 77.5vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 79vw;
    }

    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 4.3vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 3.7vw !important;
    }

    .cargar-documento.overlay.fade.vistaCargarDocumentos {
        padding-top: 5vh !important;
    }
    .cargar-documento.overlay.fade {
        padding-top: 6vh !important;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(-40%) translateY(0%) !important;
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(35%) translateY(0%) !important; 
    }*/
}

@media (max-width: 1350px) {
    .table-gestion.reportes .inner {
        max-width: 53.7vw;
    }

    .table-gestion.analisis .inner {
        max-width: 55.7vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 76.5vw;
    }
    
    .table-gestion.analisis.expand .inner {
        max-width: 78.5vw;
    }

    .btn.btn-sm-noticia {
        padding: 8px 30px 8px 30px !important;
    }
}

@media (max-width: 1300px) {
    .table-gestion.reportes .inner {
        max-width: 53.2vw;
    }

    .table-gestion.analisis .inner {
        max-width: 55.2vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 76.3vw;
    }
        
    .table-gestion.analisis.expand .inner {
        max-width: 78.3vw;
    }

    .calendar-loading {
        top: 85px !important;
    }
}

@media (max-width: 1280px) {
    .modal-onboarding-colaborador .modal {
        max-height: 80vh;
    }
    
    .modal-onboarding-colaborador .modal-box {
        max-height: 95vh;
    }
}

@media (max-width: 1284px) {
    .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline.right {
        right: -10px !important;
    }

    .table-gestion.reportes .inner {
        max-width: 51.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 53.7vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 75.7vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 77.7vw;
    }
}

@media (max-width: 1250px) {
    .table-gestion.reportes .inner {
        max-width: 49.9vw;
    }

    .table-gestion.analisis .inner {
        max-width: 51.9vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 74.7vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 76.7vw;
    }
}

@media (max-width: 1200px) {
    .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline.right {
        right: -10px !important;
    }

    .modal-onboarding-colaborador .modal {
        width: 100% !important;
    }
    
    .modal-bienvenida .content-grid-column {
        grid-template-columns: 33vw 40px !important;
    }

    .table-gestion.reportes .inner {
        max-width: 47.5vw;
    }

    .table-gestion.analisis .inner {
        max-width: 49.7vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 73.5vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 75.5vw;
    }
    
    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 4vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 4.2vw !important;
    }

    .calendar-loading {
        top: 70px !important;
    }
    .double-row-dashboard {
        display: grid;
        grid-template-columns: auto 22.9vw;
        gap: 40px;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(-15%) translateY(0%) !important;
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(65%) translateY(0%) !important;
    }*/
}

@media (max-width: 1150px) {
    .table-gestion.reportes .inner {
        max-width: 45vw;
    }

    .table-gestion.analisis .inner {
        max-width: 47.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 72vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 74.5vw;
    }
}

@media (max-width: 1100px) {
    .table-gestion.reportes .inner {
        max-width: 43.7vw;
    }

    .table-gestion.analisis .inner {
        max-width: 46vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 71.5vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 73.7vw;
    }

    .calendar-loading {
        top: 60px !important
    }
}

@media (max-width: 1068px) {
    .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline.right {
        right: -10px !important;
    }

    .modal-bienvenida .content-grid-column {
        grid-template-columns: 38vw 40px !important;
    }
    .table-gestion.reportes .inner {
        max-width: 41.3vw;
    }

    .table-gestion.analisis .inner {
        max-width: 43.7vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 70vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 72.5vw;
    }

    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 3.7vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 4.7vw !important;
    }

    .table-festividades .input-container.switch {
        margin-left: -4.8vw !important;
    }

    .table-solicitud.formularios .inner {
        max-height: 250px;
    }
}

@media (max-width: 1024px) {
    .table-gestion.reportes .inner {
        max-width: 39vw;
    }

    .table-gestion.analisis .inner {
        max-width: 41.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 69vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 71.5vw;
    }

    .calendario-time .fc-resourceTimelineWeek-views th {
        padding: 0px 0px 0px 3.5vw !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 4.8vw !important;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(20%) translateY(0%) !important; 
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(95%) translateY(0%) !important;
    }*/ 
}

@media (max-width: 1000px) {
    .calendar-loading {
        top: 30px !important
    }
}

@media (min-width: 992px) {
    .table-loading.dashboard.smallTable {
        min-height: 140px;
    }

    .table-loading.dashboard.small {
        min-height: 60px;
    }

    .table-loading.dashboard {
        min-height: 260px;
    }

    .table-loading {
        min-height: 400px;
    }

    .calendar-loading {
        min-height: 400px;
    }

    .calendar-loading-modal {
        min-height: 400px;
    }

    .calendar-loading-modal.time {
        min-height: 315px;
    }

}

@media (min-width: 992px) {
    .table-loading {
        min-height: 500px;
    }
    .calendar-loading {
        min-height: 500px;
    }
    .calendar-loading-modal {
        min-height: 500px;
    }
    .head-item {
        margin-bottom: 0;
    }
    .table-header {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    .table-header .head-item:first-of-type { -ms-grid-column: 1; }
    .table-header .head-item:nth-of-type(2) { -ms-grid-column: 2; }
    .table-header .head-item:nth-of-type(3) { -ms-grid-column: 3; }
    .table-header.todos-2 {
        grid-template-columns: 1fr 1fr;
    }
    .table-header.todos-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .table-header.todos-5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .table-header.todos-6 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .table-header.tabs {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 991px) {
    .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline.right {
        right: -10px !important;
    }

    .table-solicitud.formularios .inner {
        max-height: 305px;
    }

    .perfilResp {
        display: block !important;
    }

    .modal-bienvenida .content-grid-column {
        grid-template-columns: 38vw 40px !important;
    }

    .table-gestion.reportes .inner {
        max-width: 49.7vw;
    }

    .table-gestion.analisis .inner {
        max-width: 52.3vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 81vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 83vw;
    }

    .calendar-loading-modal.time {
        min-height: 315px;
    }

    .calendario-time .fc-timeline td.fc-widget-content {
        width: 150px !important;
    }

    .calendario-time .fc-resourceTimelineWeek-view th {
        padding: 0px 0px 0px 60px !important;
    }

    .calendario-time .fc-resourceTimelineMonth-view th {
        padding: 0px 0px 0px 50px !important;
    }

    .content-map-geocerca.small .leaflet-container {
        max-height: 241px !important;
    }

    .verticalTable .text-left {
        margin-left: 10px !important;
    }

    .container-header-time .logo-pd img {
        margin-left: 50px !important;
    }

    .table-festividades .input-container.switch {
        margin-left: -5.3vw !important;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(0%) translateY(0%) !important;
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(70%) translateY(0%) !important; 
    }*/

    .ul-hijo.colaborador .picker {
        margin: 36px -70px !important;
    }

    .input-container.radio-time label {
        grid-template-columns: 20px 1fr !important;
    }

    .ul-hijo.colaborador .picker-container {
        margin-top: 4.5px !important;
    }

    .modal-reemplazar-ubicacion.overlay.fade {
        z-index: 1 !important;
    }
    
    .modal-facial.overlay.fade {
        z-index: 1 !important;
    }

    .modal-anadir-fecha.overlay.fade {
        z-index: 1 !important;
    }

    .modal-detalle-observaciones .content-head, .modal-detalle-observaciones .content-body {
        grid-template-columns: 135px 140px 1fr 105px 1fr;
    }

    .topbar-candidato .profile-title {
        display: block !important;
    }

    .top-bar-onboarding .logo-pd img {
        margin-left: 50px;
    }

    .cargar-documento.overlay.fade.vistaCargarDocumentos {
        padding-top: 12vh !important;
    }
    
    .container-pd {
        padding: 0px 10px 0px 20px !important;
    }

    .container-solicitud {
        padding: 10px 10px 30px 20px !important;
    }

    .container-solicitud.configuraciones {
        padding: 20px 15px 0px 15px !important;
    }

    .double-row-dashboard {
        display: none;
    }

    .btn-green-calendario {
        margin-bottom: 10px;
    }

    .btn-warning-calendario {
        margin-bottom: 10px;
    }

    .btn-info-calendario {
        margin-bottom: 10px;
    }

    .btn-danger-calendario {
        margin-bottom: 10px;
    }

    .calendar-loading-modal {
        top: 80px !important;
        min-height: 500px;
    }

    img.foto-noticia-info-1 {
        max-width: 720px;
        min-width: 720px;
    }
    img.foto-noticia {
        max-width: 720px;
        min-width: 720px;
        height: 27vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    
    .btn-call-resp{
        display: none;
    }

    .content-razones .progreso {
        background: transparent !important;
    }

    .container-general {
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 30px;
        max-width: 100%;
    }    

    .flex-cont-onboarding-analista .container.padding-top {
        padding-top: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 30px;
        max-width: 100%;
    }    
}

@media (max-width: 950px) {
    .table-gestion.reportes .inner {
        max-width: 48vw;
    }

    .table-gestion.analisis .inner {
        max-width: 50.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 80vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 82vw;
    }
}

@media (max-width: 920px) {
    .table-gestion.reportes .inner {
        max-width: 47vw;
    }

    .table-gestion.analisis .inner {
        max-width: 46.5vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 79vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 79.5vw;
    }
}

@media (max-width: 900px) {
    .table-loading.loading-landing {
        min-height: 65vh;
    }
}

@media (max-width: 850px) {
    .table-gestion.reportes .inner {
        max-width: 40vw;
    }

    .table-gestion.analisis .inner {
        max-width: 43.2vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 77vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 80.2vw;
    }

    img.foto-noticia-info-1 {
        max-width: 62vw;
        min-width: 62vw;
    }
    img.foto-noticia {
        max-width: 62vw;
        min-width: 62vw;
    }
    .btn-call-resp{
        display: none;
    }
    .table-loading.loading-landing {
        min-height: 65vh;
    }
}

@media (max-width: 800px) {
    .table-gestion.reportes .inner {
        max-width: 38vw;
    }

    .table-gestion.analisis .inner {
        max-width: 40.7vw;
    }

    .table-gestion.reportes.expand .inner {
        max-width: 76vw;
    }

    .table-gestion.analisis.expand .inner {
        max-width: 79.3vw;
    }
}

@media (max-width: 768px) {
    img.foto-noticia-info-1 {
        max-width: 69.5vw;
        min-width: 69.5vw;
    }
    img.foto-noticia {
        max-width: 69.5vw;
        min-width: 69.5vw;
    }
    .btn-call-resp{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 425px;
    }
    .table-loading.loading-landing {
        min-height: 65vh;
    }
    .box-landing .no-items {
        height: 65vh;
    }
    .input-container.aviso-landing {
        height: 55.1vh;
    }
}

@media (max-width: 767px) {
    .content-daterange-table .content-calendar-rango.content-calendar-rango bs-daterangepicker-inline {
        position: relative;
        top: 0px !important;
        margin-top: 0px !important;
    }

    .justify-content-end {
        margin-bottom: 0px !important;
    }
    
    .admin-tree > ul, .lista-pendientes > ul {
        height: auto !important;
    }
    .admin-tree {
        margin-bottom: 15px;
    }
    .calendario-time .fc-button-primary {
        padding: 7px 20px 31px 20px !important;
    }

    .table-gestion-colaboradores th:nth-child(19),/*anterior 17*/
    .table-gestion-colaboradores td:nth-child(19) {
        width: 0px !important;
        max-width: 0px !important;
        min-width: 0px !important;
    }

    .table-gestion-colaboradores th:nth-child(20),/*anterior 18*/
    .table-gestion-colaboradores td:nth-child(20) {
        width: 20px !important;
        max-width: 20px !important;
        min-width: 20px !important;
    }

    .content-grid-planilla {
        grid-template-columns: 1fr !important;
    }

    .modal-bienvenida .col-md-9 {
        padding-left: 15px !important;
    }

    .modal-success .modal {
        width: 100%;
        height: 100%;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        border-radius: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-success .modal-box {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-success div.modal-close {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
    }

    .modal-success .img-circle {
        width: 45px;
        height: 45px;
        margin: 0px auto 15px auto !important;
    }

    .modal-success .title {
        font-size: 0.6em !important;
    }

    .table-solicitud.formularios .inner {
        max-height: 193px;
    }
    
    .modal-codigo-qr .content-column {
        margin-bottom: 10px !important;
    }

    .modal-codigo-qr .content-qr {
        margin: 0px auto 35px auto !important;
    }

    .modal-bienvenida .mb-bottom {
        margin-bottom: -20px !important;
    }

    .modal-bienvenida .input-container.radio {
        margin-top: 10px !important;
    }

    .modal-bienvenida .content-grid-column {
        grid-template-columns: 50vw 40px !important;
    }

    .table-solicitud.formularios th:nth-child(1),
    .table-solicitud.formularios td:nth-child(1) {
        max-width: 110px !important;
    }

    .table-solicitud.formularios th:nth-child(3),
    .table-solicitud.formularios td:nth-child(3) {
        min-width: 160px !important;
    }
    
    .table-gestion.reportes .ng-tb td, .table-gestion.analisis .ng-tb td {
        line-height: 21px !important;
    }

    .table-gestion.reportes .ng-tb th, .table-gestion.analisis .ng-tb th {
        padding: 15px 0px !important;
    }

    .table-gestion.reportes .ng-tb td {
        padding: 22px 0px !important;
    }

    .table-gestion.analisis .ng-tb td {
        padding: 20px 0px !important;
    }

    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 92vw;
        max-height: 520px !important;
    }

    .table-gestion.analisis .ng-tb th.checkbox .sizing-container, 
    .table-gestion.analisis .ng-tb td.checkbox .sizing-container {
        margin-left: 0px !important;
    }

    .table-gestion.analisis .ng-tb tr th:nth-child(-n + 3) .sizing-container {
        text-align: left !important;
        padding: 9.18px 0px 9.18px 0px !important;
    }

    .table-gestion.reportes .ng-tb thead tr, .table-gestion.analisis .ng-tb thead tr {
        box-shadow: 0px 0px 1px 0px rgba(77, 200, 126, 1) !important;
    }

    .table-gestion.reportes .ng-tb th:nth-child(4), .table-gestion.reportes .ng-tb td:nth-child(4) {
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    }

    .table-gestion.reportes .ng-tb th:nth-child(2), .table-gestion.reportes .ng-tb td:nth-child(2),
    .table-gestion.analisis .ng-tb th:nth-child(2), .table-gestion.analisis .ng-tb td:nth-child(2) {
        width: 44px !important;
        max-width: 44px !important;
        min-width: 44px !important;
    }

    .table-gestion.reportes .ng-tb th:nth-child(3), .table-gestion.reportes .ng-tb td:nth-child(3) {
        width: 164px !important;
        max-width: 164px !important;
        min-width: 164px !important;
        left: calc(20px + 10px) !important;
    }  

    .table-gestion.reportes .ng-tb th:nth-child(7), .table-gestion.reportes .ng-tb td:nth-child(7),
    .table-gestion.reportes .ng-tb th:nth-child(8), .table-gestion.reportes .ng-tb td:nth-child(8),
    .table-gestion.reportes .ng-tb th:nth-child(9), .table-gestion.reportes .ng-tb td:nth-child(9),
    .table-gestion.reportes .ng-tb th:nth-child(10), .table-gestion.reportes .ng-tb td:nth-child(10),
    .table-gestion.reportes .ng-tb th:nth-child(11), .table-gestion.reportes .ng-tb td:nth-child(11),
    .table-gestion.reportes .ng-tb th:nth-child(12), .table-gestion.reportes .ng-tb td:nth-child(12),
    .table-gestion.reportes .ng-tb th:nth-child(13), .table-gestion.reportes .ng-tb td:nth-child(13),
    .table-gestion.reportes .ng-tb th:nth-child(14), .table-gestion.reportes .ng-tb td:nth-child(14) {
        width: 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
    }
    
    .table-gestion.reportes .ng-tb th:nth-child(15), .table-gestion.reportes .ng-tb td:nth-child(15) {
        width: 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(3), .table-gestion.analisis .ng-tb td:nth-child(3) {
        width: 154px !important;
        max-width: 154px !important;
        min-width: 154px !important;
        left: calc(20px + 10px) !important;
    }  

    .table-gestion.reportes .ng-tb th:nth-child(4), .table-gestion.reportes .ng-tb td:nth-child(4) {
        width: 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
        left: calc(178px + 10px) !important;
        z-index: 0 !important;
        background: transparent !important;
        border-top: 1px solid transparent !important;
        position: static !important;
    }   

    .table-gestion.reportes .ng-tb th:nth-child(5), .table-gestion.reportes .ng-tb td:nth-child(5) {
        width: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
    }

    .table-gestion.reportes .ng-tb th:nth-child(6), .table-gestion.reportes .ng-tb td:nth-child(6) {
        width: 110px !important;
        max-width: 110px !important;
        min-width: 110px !important;
    }

    .table-gestion.reportes .ng-tb td.checkbox .input-container,
    .table-gestion.analisis .ng-tb td.checkbox .input-container {
        text-align: center !important;
        padding: 0px 0px !important;
    }

    .table-gestion.reportes .ng-tb th:nth-child(2), .table-gestion.reportes .ng-tb td:nth-child(2), 
    .table-gestion.analisis .ng-tb th:nth-child(2), .table-gestion.analisis .ng-tb td:nth-child(2) {
        width: 30px !important;
        max-width: 30px !important;
        min-width: 30px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(4), .table-gestion.analisis .ng-tb td:nth-child(4) {
        width: 75px !important;
        max-width: 75px !important;
        min-width: 75px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(7), .table-gestion.analisis .ng-tb td:nth-child(7) {
        width: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(12), .table-gestion.analisis .ng-tb td:nth-child(12) {
        width: 145px !important;
        max-width: 145px !important;
        min-width: 145px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(13), .table-gestion.analisis .ng-tb td:nth-child(13) {
        width: 145px !important;
        max-width: 145px !important;
        min-width: 145px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(14), .table-gestion.analisis .ng-tb td:nth-child(14) {
        width: 165px !important;
        max-width: 165px !important;
        min-width: 165px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(16), .table-gestion.analisis .ng-tb td:nth-child(16) {
        width: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
    }

    .table-gestion.analisis .ng-tb th:nth-child(17), .table-gestion.analisis .ng-tb td:nth-child(17) {
        width: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
    }

    .table-gestion.table-gestion-colaboradores th:nth-child(17),/*anterior 15*/
    .table-gestion.table-gestion-colaboradores td:nth-child(17) {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
    }
    
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        padding: 0 69px !important;
        max-width: 200px !important;
    }
    
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        padding: 0 70px !important;
        max-width: 200px !important;
    }

    .tabGroupClassReporte .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
        display: none !important;
    }

    .tabGroupClassReporte .mat-tab-labels .mat-tab-label .mat-tab-label-content {
        color: #FFFFFF !important;
    }

    .tabGroupClassReporte .mat-tab-labels .mat-tab-label.mat-tab-label-active {
        background-color: #E9F6FF !important;
    }

    .tabGroupClassReporte .mat-tab-labels .mat-tab-label {
        background-color: #1A1B39 !important;
    }

    .tabGroupClassReporte .mat-tab-body-content {
        background-color: #FFFFFF !important;
        padding: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .content-btn-checks .content-label-checkbox.horarios .checkbox label span {
        height: 22px !important;
        width: 22px !important;
    }

    .content-label-checkbox.horarios.turnos .checkbox label span {
        height: 22px !important;
        width: 22px !important;
    }
    
    .content-label-checkbox.horarios.turnos .checkbox input:checked ~ span {
        background-color: #FFFFFF !important;
        background-image: url(../img/time/check.svg) !important;
        background-size: 12px 12px !important;
    }

    .verticalTable th:nth-child(-n + 2),
    .verticalTable th:last-child {
        position: sticky;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: break-spaces;
        z-index: 3;
    }

    .verticalTable td:nth-child(-n + 2),
    .verticalTable td:last-child {
        position: sticky;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: break-spaces;
        z-index: 1;
    }
  
    .verticalTable tr th:first-child{
        width: 123.5px !important;
        max-width: 123.5px !important;
        min-width: 123.5px !important;
        left: 0 !important;
        z-index: 2 !important;
        background: #1A1B39 !important;
        color: #1A1B39 !important;
    }

    .verticalTable td:first-child {
        width: 123.5px !important;
        max-width: 123.5px !important;
        min-width: 123.5px !important;
        left: 0 !important;
        z-index: 2 !important;
        background: #1A1B39 !important;
        color: #FFFFFF !important;
    }

    .verticalTable th:nth-child(1),
    .verticalTable td:nth-child(1) {
        width: 115.5px !important;
        max-width: 115.5px !important;
        min-width: 115.5px !important;
    }

    .verticalTable .ng-tb .true-header th {
        padding: 9.4px 0px !important;
        margin-right: 0px !important;
        position: sticky !important;
        overflow: hidden !important;
        border-radius: 6px 6px 0px 0px;
    }

    .verticalTable .text-grey {
        color: #FFFFFF !important;
    }

    .verticalTable .content-max-text {
        max-width: 115px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre !important;
    }

    .verticalTable .text-left {
        padding: 0px 5px !important;
        margin-left: 0px !important;
    }
    
    .verticalTable .ng-tb thead tr {
        background: #F5F5F5 !important;
        color: #1A1B39 !important;
    }

    .verticalTable .ng-tb .sizing-container {
        border-right: none !important;
        height: 12px !important;
    }

    .verticalTable .ng-tb tbody tr:not(:last-of-type) td {
        border-bottom: none !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.previous {
        margin-top: 20% !important;
        left: 0.5vw !important;
        font-size: 2.4rem !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.next {
        margin-top: 20% !important;
        right: 0.5vw !important;
        font-size: 2.4rem !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.previous {
        margin-top: 20% !important;
        left: 0.5vw !important;
        font-size: 2.4rem !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.next {
        margin-top: 20% !important;
        right: 0.5vw !important;
        font-size: 2.4rem !important;
    }

    .table-gestion-colaboradores .popover,
    app-gestion-de-colaboradores .popover {
        padding: 30px 10px 20px 10px !important;
        max-width: 70vw !important;
    }

    .table-gestion-colaboradores .popover::after,
    app-gestion-de-colaboradores .popover::after {
        display: none;
    }

    .table-gestion-colaboradores th:nth-child(3),
    .table-gestion-colaboradores td:nth-child(3) {
        width: 165px !important;
        max-width: 165px !important;
        min-width: 165px !important;
    }

    .table-gestion-colaboradores th:nth-child(4),
    .table-gestion-colaboradores td:nth-child(4) {
        width: 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
    }

    .table-gestion-colaboradores th:nth-child(5),
    .table-gestion-colaboradores td:nth-child(5) {
        width: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
    }

    .table-gestion-colaboradores th:nth-child(6),
    .table-gestion-colaboradores td:nth-child(6) {
        width: 110px !important;
        max-width: 110px !important;
        min-width: 110px !important;
    }

    .table-gestion-colaboradores th:nth-child(7),
    .table-gestion-colaboradores td:nth-child(7) {
        width: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
    }

    .table-gestion-colaboradores th:nth-child(8),
    .table-gestion-colaboradores td:nth-child(8) {
        width: 146px !important;
        max-width: 146px !important;
        min-width: 146px !important;
    }

    /* .table-gestion-colaboradores th:nth-child(9),
    .table-gestion-colaboradores td:nth-child(9) {
        width: 64px !important;
        max-width: 64px !important;
        min-width: 64px !important;
    } */

    /* .table-gestion-colaboradores th:nth-child(10),
    .table-gestion-colaboradores td:nth-child(10) {
        width: 86px !important;
        max-width: 86px !important;
        min-width: 86px !important;
    } */

    .table-gestion .checkbox label span, .content-label-checkbox .checkbox label span {
        height: 16px !important;
        width: 16px !important;
    }

    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker th {
        padding: 0px 0vw 5px 0vw !important;
    }

    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.previous {
        margin-top: 20% !important;
        left: 0.5vw !important;
        font-size: 2.4rem !important;
    }
 
    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.next {
        margin-top: 20% !important;
        right: 0.5vw !important;
        font-size: 2.4rem !important;
    }

    .table-festividades .input-container.switch {
        margin-left: -11.2vw !important;
    }

    .table-festividades .ng-tb th.switch, .table-festividades .ng-tb td.switch {
        width: 0px !important;
    }

    .modal-vacaciones .bs-datepicker-head {
        margin-left: 0px !important;
        margin-right: 0px !important;
        position: static !important;
    }

    .modal-vacaciones .bs-datepicker {
        box-shadow: 0px 0px 4px 0px #00000040 !important;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        margin-top: 13% !important;
        left: 18.5vw !important;
    }
 
    .modal-vacaciones .bs-datepicker button.next {
        margin-top: 13% !important;
        right: 18.5vw !important;
    }

    .content-daterangepicker .bs-datepicker-head, .content-datepicker .bs-datepicker-head {
        margin-left: 0px !important;
        margin-right: 0px !important;
        position: static !important;
    }

    .content-daterangepicker .bs-datepicker, .content-datepicker .bs-datepicker {
        box-shadow: 0px 0px 4px 0px #00000040 !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker, .content-datepicker .bs-datepicker {
        border-radius: 6px;
        box-shadow: 0px 0px 4px 0px #00000040 !important;
    }

    .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        margin-top: 20% !important;
        left: 2.5vw !important;
        font-size: 2.4rem !important;
    }

    .content-daterangepicker.content-calendar-rango .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        margin-top: 30% !important;
        left: -35px !important;
        font-size: 2.4rem !important;
        color: #1A1B39 !important;
    }
 
    .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        margin-top: 20% !important;
        right: 2.5vw !important;
        font-size: 2.4rem !important;
    }

    .content-daterangepicker.content-calendar-rango .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        margin-top: 30% !important;
        right: -35px !important;
        font-size: 2.4rem !important;
        color: #1A1B39 !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        margin-top: 30% !important;
        left: 0vw !important;
        font-size: 2.4rem !important;
    }
 
    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        margin-top: 30% !important;
        right: 0vw !important;
        font-size: 2.4rem !important;
    }

    .table-doc-cargados .table-container-min {
        height: 104px !important;
    }

    .table-doc-pendientes .table-container-min {
        height: 93px !important;
    }

    .modal-detalle-observaciones .content-head, .modal-detalle-observaciones .content-body {
        grid-template-columns: 1fr !important;
        gap: 0px !important;
    }

    .modal-detalle-observaciones .content-max {
        display: grid !important;
        grid-template-columns: 136px 1fr !important;
        max-height: 600px !important;
    }

    .modal-detalle-observaciones .content-head {
        max-width: 100% !important;
        gap: 0px !important;
        border-bottom: none
    }

    .modal-detalle-observaciones .btn-resp {
        display: none !important;
    }

    .modal-detalle-observaciones .content-title {
        justify-content: left !important;
        padding: 10px 14px !important;
        min-height: 62px !important;
    }

    .modal-detalle-observaciones .content-head-default {
        display: none !important;
    }

    .modal-detalle-observaciones .content-head-resp {
        display: grid !important;
    }

    .modal-detalle-observaciones .content-info {
        padding: 24px 60px !important;
    }

    .modal-detalle-observaciones .content-info.first-column {
        height: 62px !important;
    }

    .modal-detalle-observaciones .content-modal-title {
        display: flex !important;
        padding: 0px 20px !important;
        align-items: center !important;
        margin: 0 auto 0px auto !important;
    }

    .modal-detalle-observaciones .content-modal-title p {
        font-size: 18px !important;
        line-height: 27px !important;
    }

    .modal-detalle-observaciones .text-resp {
        display: none !important;
    }

    .modal-detalle-observaciones .card-title {
        margin-bottom: 0px !important;
    }

    .modal-detalle-observaciones .card-title h3 {
        margin-top: 0px !important;
    }
    
    .modal-detalle-observaciones .content-tabla {
        margin-top: 5px !important;
    }

    .modal-detalle-observaciones .content-title.mr-bottom {
        padding-bottom: 45px !important;
    }

    .modal-detalle-observaciones .content-info.mr-bottom {
        padding-bottom: 70px !important;
    }

    .modal-rechazar.modal-observaciones .modal {
        max-width: 386px !important;
        padding: 25px 15px 25px 15px !important;
    }

    .modal-detalle-observaciones .modal {
        max-width: 386px !important;
        padding: 25px 15px 25px 15px !important;
    }

    .tabGroupClass .mat-tab-labels .mat-tab-label.mat-tab-disabled {
        display: none !important;
    }
    
    .table-solicitud .ng-tb td {
        min-width: 150px !important;
        padding: 10px 2px !important;
    }

    .table-solicitud .ng-tb td.icon {
        min-width: 47px !important;
    }

    .table-solicitud .table-container {
        max-height: 193.22px !important;
    }

    .table-doc-cargados .ng-tb thead tr th {
        min-width: 175px !important;
    }

    .table-doc-pendientes .ng-tb thead tr th {
        min-width: 150px !important;
    }

    .table-doc-pendientes .ng-tb thead tr th.max-width-column {
        min-width: 50px !important;
    }

    .table-seguimiento .ng-tb td.switch {
        min-width: 47px !important;
    }
}

@media (max-width: 700px) {
    .content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 0.5vw !important;
    }
    
    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 91vw;
    }
    
    img.foto-noticia-info-1 {
        max-width: 78vw;
        min-width: 78vw;
    }
    img.foto-noticia {
        max-width: 78vw;
        min-width: 78vw;
    }
    .widget-5.card img.foto-noticia {
        max-width: 35vw;
        min-width: 35vw;
        height: 10vh !important;
    }
    .btn-call-resp{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 385px;
    }
    .text-bienvenida-principal {
        line-height: 20px !important;
    }
    .cont-desc {
        display: block !important;
    }
    .btn.btn-sm-noticia {
        padding: 8px 30px 8px 30px !important;
    }
}

@media (max-width: 640px) {
    .modal-vacaciones .bs-datepicker button.previous {
        left: 16.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 16.5vw !important;
    }
}

@media (max-width: 620px) {
    .formulario-generado.formulario-modal .firma img.mx-auto {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 90vw;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.previous {
        left: 0.5vw !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.next {
        right: 0.5vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.previous {
        left: 0.5vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.next {
        right: 0.5vw !important;
    }

    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.previous {
        left: 0.5vw !important;
    }
 
    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.next {
        right: 0.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        left: 14.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 14.5vw !important;
    }

    .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 2vw !important;
    }
 
    .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 2vw !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 0vw !important;
    }
 
    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 0vw !important;
    }

    img.foto-noticia-info-1 {
        max-width: 75vw;
        min-width: 75vw;
    }
    img.foto-noticia {
        max-width: 75vw;
        min-width: 75vw;
        height: 22vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 35vw;
        min-width: 35vw;
        height: 10vh !important;
    }
    .btn-call-resp{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 335px;
    }
    .table-loading.loading-landing {
        min-height: 55vh;
    }
    .btn.btn-sm-noticia {
        padding: 8px 20px 8px 20px !important;
    }
}

@media (max-width: 570px) {
    .modal-vacaciones .bs-datepicker button.previous {
        left: 12.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 12.5vw !important;
    }
}

@media (max-width: 550px) {
    .calendar-loading-modal.time {
        top: 80px !important;
        min-height: 315px;
    }

    .calendar-loading-modal {
        top: 50px !important;
        min-height: 500px;
    }
    img.foto-noticia-info-1 {
        max-width: 80vw;
        min-width: 80vw;
    }
    img.foto-noticia {
        max-width: 80vw;
        min-width: 80vw;
    }
    .btn-call-resp{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 325px;
    }
}

@media (max-width: 530px) {
    .formulario-generado .firma img.mx-auto {
        width: 100%;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        left: 10.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 10.5vw !important;
    }
}

@media (max-width: 510px) {
    .modal-anadir-fecha .input-configuracion input {
        padding: 7px 80px 7px 16px !important;
        width: 100% !important;
    }

    .content-date.facial .input-configuracion input {
        padding: 7px 80px 7px 16px !important;
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .widget-5.card img.foto-noticia {
        max-width: 40vw;
        min-width: 40vw;
        height: 10vh !important;
    }

    .card-item .progreso {
        min-width: auto !important;
        max-width: 40px !important;
        margin: 0 auto !important;
    }

    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 88vw;
    }

    .calendar-loading-modal.time {
        min-height: 315px;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        left: 8.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 8.5vw !important;
    }

    .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 1.5vw !important;
    }
 
    .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 1.5vw !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 0vw !important;
    }
 
    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 0vw !important;
    }

    .calendar-loading-modal {
        top: 50px !important;
        min-height: 500px;
    }
    img.foto-noticia-info-1 {
        max-width: 78vw;
        min-width: 78vw;
    }
    img.foto-noticia {
        max-width: 78vw;
        min-width: 78vw;
    }
    .btn-call-resp{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 300px;
    }
}

@media (max-width: 480px) {
    .extraBar + .flex-con .container.padding-top {
        padding-top: 225px;
    }

    .modal-anadir-fecha .input-configuracion input {
        padding: 7px 40px 7px 16px !important;
        width: 100% !important;
    }

    .content-date.facial .input-configuracion input {
        padding: 7px 40px 7px 16px !important;
        width: 100% !important;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        left: 6.5vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 6.5vw !important;
    }

    .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 1vw !important;
    }
 
    .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 1vw !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        left: 0vw !important;
    }
 
    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        right: 0vw !important;
    }
}

@media (max-width: 460px) {
    .modal-vacaciones .bs-datepicker button.previous {
        left: 4vw !important;
    }

    .modal-vacaciones .bs-datepicker button.next {
        right: 4vw !important;
    }
}

@media (max-width: 450px) {
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        max-width: 44.4vw !important;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        max-width: 44.4vw !important;
    }
}

@media (max-width: 430px) and (max-height: 768px) {
    .table-festividades .input-container.switch {
        margin-left: -12.2vw !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 1px 1vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 1px 1vw !important;
    }
}

@media (max-width: 430px) {
    .widget-5.card img.foto-noticia {
        max-width: 45vw;
        min-width: 45vw;
        height: 10vh !important;
    }

    .container-header-time .logo-pd img {
        margin-left: 35px !important;
    }

    .table-historial.edicion td.empty {
        height: 454.55px !important;
    }

    .table-historial.aprobacion td.empty {
        height: 397.91px !important;
    }

    .formulario-generado .input-container.radio .grid-column {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 1fr;
        padding-left: 20px;
        text-align: left;
    }

    .formulario-generado .input-container.radio.column-flex label {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 5px;
    }

    .modal-ingresando .modal {
        max-width: 340px !important;
    }

    .modal-bienvenida .content-grid-column {
        grid-template-columns: 1fr 40px !important;
    }

    .table-solicitud.formularios th:nth-child(1),
    .table-solicitud.formularios td:nth-child(1) {
        min-width: 165px !important;
    }

    .table-solicitud.formularios th:nth-child(2),
    .table-solicitud.formularios td:nth-child(2) {
        min-width: 180px !important;
    }
    
    .table-solicitud.formularios th:nth-child(3),
    .table-solicitud.formularios td:nth-child(3) {
        min-width: 90px !important;
    }

    /* .table-ubicaciones.time .ng-tb thead tr th {
        min-width: 16px !important;
    } */

    .modal-historial.modal-detalle .modal {
        padding: 40px 5px 30px 5px !important;
    }

    .modal-previsualizacion-documento .btn-docs-left.btn-resp, .modal-previsualizacion-documento .btn-docs-right.btn-resp {
        border: 1px solid #FFFFFF !important;
        background: rgba(217, 217, 217, 0.6) !important;
        pointer-events: all !important;
    }
    
    .modal-previsualizacion-documento .btn-docs-left.btn-resp img, .modal-previsualizacion-documento .btn-docs-right.btn-resp img {
        display: flex !important;
    }

    .modal-previsualizacion-documento .content-btn-paginas {
        min-height: 170vw !important;
    }

    .modal-previsualizacion-documento .viewer-masivo-document {
        padding: 0px 22px 0px 0px !important;
    }

    .modal-previsualizacion-documento .content-btn-paginas {
        padding: 64px 0px 50px 12px !important;
    }

    .modal-previsualizacion-documento.overlay.fade {
        background: rgba(161, 221, 184, 0.8);
    }

    .modal-previsualizacion-documento {
        background: #4DC87E !important;
        margin-top: 75px;
        align-items: normal !important;
        z-index: 2 !important;
    }

    .modal-previsualizacion-documento .modal {
        position: static;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0px !important;
    }
    
    .modal-previsualizacion-documento .slide.down {
        width: 100%;
        margin-top: 0px;
        visibility: visible;
        opacity: 1;
        position: absolute;
        max-height: 100%;
        overflow-y: auto;
        padding: 0px;
    }

    /*.table-gestion-colaboradores .popover-box.text {
        transform: translateX(0%) translateY(-54%) !important;
    }

    .table-gestion-colaboradores .popover-box.email {
        transform: translateX(0%) translateY(-71%)  !important; 
    }*/

    .modal-anadir-fecha .picker.show {
        margin: 42px -115px !important;
    }

    .modal-importar-colaboradores .modal {
        max-width: 398px !important;
        padding: 6px 25px 28px 25px !important;
    }

    .modal-importar-horarios.fondo .modal {
        max-width: 398px !important;
        padding: 6px 25px 28px 25px !important;
    }

    .modal-importar-horarios .modal {
        max-width: 360px !important;
    }

    .modal-enviar-horario .envio {
        max-width: 300px !important;
    }

    .modal-editar-hora .modal {
        max-width: 398px !important;
        padding: 20px 20px 30px 20px !important;
    }

    .modal-exportar-colaboradores .modal {
        max-width: 398px !important;
        padding: 20px 20px 30px 20px !important;
    }

    .modal-aprobacion-inasistencia .modal {
        max-width: 398px !important;
        padding: 20px 20px 30px 20px !important;
    }

    .modal-aprobacion-asistencia-inasistencia .modal {
        max-width: 398px !important;
        padding: 20px 10px 30px 10px !important;
    }

    .modal-eliminar-ubicacion .modal {
        max-width: 360px !important;
        padding: 30px 18px 28px 18px !important;
    }
    
    .modal-eliminar-turno .modal {
        max-width: 360px !important;
        padding: 30px 18px 28px 18px !important;
    }

    .modal-eliminar-horario-trabajo .modal {
        max-width: 360px !important;
        padding: 30px 18px 28px 18px !important;
    }

    .modal-aviso .modal {
        max-width: 367px !important;
    }

    .modal-aviso.turnos .modal {
        padding: 10px 25px 25px 25px !important;
    }
    
    .modal-aviso-guardar .modal {
        max-width: 367px !important;
        padding: 10px 25px 35px 25px !important;
    }

    .modal-aviso-guardar.refrigerio .modal {
        max-width: 367px !important;
        padding: 10px 25px 25px 25px !important;
    }

    .modal-aviso-guardar.horario .modal {
        max-width: 367px !important;
        padding: 10px 25px 20px 25px !important;
    }

    .modal-aviso-ubicacion-asignada .modal {
        max-width: 367px !important;
        padding: 10px 20px 20px 20px !important;
    }

    .modal-vacaciones.overlay.fade {
        z-index: 1 !important;
    }

    .modal-vacaciones .modal {
        max-width: 373px !important;
        padding: 20px 10px 25px 10px !important;
    }

    .modal-vacaciones .bs-datepicker button.previous {
        margin-top: 22% !important;
        left: -5px !important;
    }
 
    .modal-vacaciones .bs-datepicker button.next {
        margin-top: 22% !important;
        right: -5px !important;
    }
    
    .modal-vacaciones .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 2.5vw !important;
    }

    .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        margin-top: 22% !important;
        left: 2px !important;
    }
 
    .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        margin-top: 22% !important;
        right: 2px !important;
    }
    
    .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 2.5vw !important;
    }

    .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1.5vw !important;
    }

    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
        margin-top: 30% !important;
        left: 0vw !important;
    }
 
    .modal-anadir-horario .modal-horario .content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
        margin-top: 30% !important;
        right: 0vw !important;
    }

    .modal-reemplazar-ubicacion .modal {
        max-width: 372px !important;
        padding: 20px 20px 15px 20px !important;
    }

    .modal-horarios-trabajo .modal {
        max-width: 372px !important;
        padding: 35px 19px 15px 19px !important;
    }

    .modal-horarios-trabajo.modal-horario-trabajo .modal {
        max-width: 372px !important;
        padding: 20px 19px 15px 19px !important;
    }

    .modal-facial .modal {
        max-width: 372px !important;
        padding: 20px 20px 15px 20px !important;
    }

    .modal-historial .modal {
        max-width: 398px !important;
        padding: 50px 15px 30px 15px !important;
    }

    .modal-anadir-fecha .modal {
        max-width: 398px !important;
        padding: 20px 20px 15px 20px !important;
    }

    .modal-anadir-horario .modal {
        max-width: 398px !important;
        padding: 20px 20px 25px 20px !important;
    }

    .modal-anadir-horario.turno .modal {
        max-width: 398px !important;
        padding: 20px 10px 20px 10px !important;
        background: #FFFFFF !important;
    }

    .modal-rechazar-ind {
        background: rgba(77, 200, 126, 0.6) !important;
    }

    .ocultarFooter {
        display: none !important;
    }
    .modal-filtrar.overlay.fade {
        padding-top: 0px !important;
    }

    .modal-eliminar-tipo-documento .modal {
        max-width: 377px !important;
        padding: 22px 25px 17.9px 25px !important
    }

    .modal-crear-tipo-documento input {
        padding: 0px 6px 1px 13px !important;
    }

    .modal-crear-tipo-documento .modal {
        max-width: 387px !important;
        padding: 10px 20px 20px 20px !important;
    }

    .content-pagination p {
        font-size: 12px !important;
        line-height: 18px !important;
        text-align: center !important;
    }
    
    .visor-documento.visor-seguimiento {
        background: #ECECEC !important;
        padding-top: 0px !important;
    }

    .modal-carga.overlay.fade {
        padding-top: 0px !important;
        background: rgba(77, 200, 126, 0.54) !important;
        z-index: 3 !important;
    }

    .modal-agregar.modal-enviado.modal-recordatorio .modal {
        max-width: 363px;
        padding: 25px 30px 13px 30px !important;
    }

    .modal-agregar.modal-enviado.modal-recordatorio {
        background: none !important;
    }

    .modal-filtrar .modal {
        max-width: 401px !important;
        padding: 25px 20px !important;
    }
    
    .modal-filtrar input {
        padding: 9px 14px 9px 14px !important;
        width: 320px !important;
        max-width: 312px !important;
        font-size: 12px !important;
        font-weight: 400;
        line-height: 18px !important;
        max-height: 32px !important;
    }

    .tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label {
        width: auto;
        max-width: 125px !important;
        height: 35px;
        padding: 6px 12px !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 1;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #FFFFFF;
    }

    .tabGroupClass .mat-tab-labels .mat-tab-label.active {
        width: 125px;
        max-width: 125px !important;
        height: 35px;
        padding: 6px 12px !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 1;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tabGroupClass .mat-tab-labels .mat-tab-label {
        width: auto;
        max-width: 125px !important;
        height: 35px;
        padding: 6px 12px !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        opacity: 1;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tabGroupClass .mat-tab-labels .mat-tab-label .mat-tab-label-content {
        display: contents;
    }
    
    .tabGroupClass .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
        display: none !important;
    }

    .modal-agregar.modal-continuar {
        background: none !important;
        z-index: 3 !important;
    }

    .modal-agregar.modal-continuar .modal {
        max-width: 363px;
        background: #F5F5F5;
        border: 2px solid #1A1B39;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
        padding: 15px 25px 10px 25px !important;
        border-radius: 20px;
    }

    .modal-rechazar.modal-observacion.modal-observacion-img .modal {
        padding: 17px 20px 15px 20px !important;
    }

    .modal-observacion textarea {
        width: 100%;
        max-width: 345px !important;
        border: 2px solid #1A1B39;
        background: #FFFFFF;
        padding: 7.5px 16px !important;
        margin-top: 16px;
        border-radius: 10px !important;
    }

    .modal-rechazar.modal-observacion .modal {
        max-width: 396px;
        border: 2px solid #1A1B39;
        padding: 20px 20px 25px 20px !important;
    }

    .modal-rechazar.modal-observacion .title-text-left {
        padding: 0px 4px !important;
    }

    .modal-rechazar.modal-observacion .btn-modal p {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

    .modal-observacion .content-btn-docs {
        gap: 45px;
    }

    .modal-rechazar.modal-exclusion .modal {
        max-width: 385px !important;
        padding: 12px 10px 20px 10px !important;
    }

    .modal-rechazar.modal-informe .modal {
        max-width: 389px !important;
        padding-bottom: 20px !important;
    }
    
    .modal-rechazar.modal-informe.overlay.fade {
        background: none !important;
        z-index: 3 !important;
    }

    .modal-agregar.modal-enviado .modal {
        max-width: 315px;
        padding: 33px 40px 38.91px 40px !important;
    }

    .modal-agregar {
        background: rgba(77, 200, 126, 0.6) !important;
        z-index: 3 !important;
    }

    .modal-agregar .modal-close i {
        color: #1A1B39;
        font-weight: bolder;
        font-size: 16px !important;
        margin-top: 0px !important;
    }

    .modal-agregar .modal {
        padding: 15px 20px 0px 25px !important;
    }

    .modal-rechazar-ind textarea {
        border-radius: 10px !important;
    }

    .modal-rechazar-ind textarea.active {
        border: 2px solid #4DC87E !important;
    }
    
    .modal-rechazar-ind textarea.motivo {
        border: 2px solid #000000 !important;
    }

    .modal-rechazar-ind textarea.disabled {
        border: 2px solid rgba(174, 174, 174, 1);
        background: #D9D9D9;
        pointer-events: none;
    }

    .modal-rechazar .modal {
        max-width: 350px;
        padding: 25px 20px 25px 25px !important;
    }

    .modal-rechazar {
        background: rgba(77, 200, 126, 0.6) !important;
        z-index: 3 !important;
    }

    .modal-rechazar-ind .modal {
        max-width: 396px !important;
    }
   
    .modal-rechazar-ind, .modal-aprobar-ind {
        background: rgba(77, 200, 126, 0.6) !important;
        z-index: 3 !important;
    }

    .modal-aprobado, .modal-rechazado {
        padding-top: 220px !important;
        left: 0px !important;
    }

    .modal-rechazar textarea {
        height: 65px !important;
    }

    .modal-rechazar .modal-close {
        display: flex !important;
    }

    .cargar-documento.overlay.fade.vistaCargarDocumentos {
        padding-top: 4vh !important;
    }

    .flex-con.flex-cont-candidato .container.padding-top, .flex-con.flex-cont-documentos .container.padding-top {
        padding-top: 100px !important;
    }

    .flex-cont-onboarding .container.padding-top {
        padding-top: 160px !important;
    }

    .content-avatar-candidato .profile-title {
        display: block;
    }
    
    .candidato-observado.motivo-rechazo .modal {
        max-width: 414px !important;
        border-radius: 6px !important;
        padding: 20px 20px 20px 20px !important;
    }

    .candidato-observado.candidato-aprobado .modal {
        max-width: 402px !important;
        padding: 21.5px 20px 31.5px 20px !important;
    }

    .candidato-rechazado .modal .modal-body {
        padding: 31.66px 0px 10px 0px !important;
    }

    .candidato-observado.overlay.fade {
        background: rgba(161, 221, 184, 0.8) !important;
        z-index: 3 !important;
    }
    
    .candidato-observado .modal {
        max-width: 370px !important;
    }

    .candidato-observado .modal .modal-body {
        padding: 20.66px 0px 10px 0px !important
    }

    .documento-reemplazado.overlay.fade {
        background: #B9F0CE !important;
        z-index: 4 !important;
    }
    
    .documento-reemplazado .modal {
        max-width: 370px !important;
    }

    .documento-reemplazado .modal .modal-body {
        padding: 40.21px 0px 10px 0px !important
    }
    
    .cargar-documento {
        background-color: #B9F0CE !important;
        margin-top: 75px !important;
        padding-top: 3vh !important;
    }

    .cargar-documento .modal {
        margin: 0px;
        padding: 0px;
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .visor-documento {
        background: #4DC87E !important;
        margin-top: 75px;
        align-items: normal !important;
        z-index: 1 !important;
    }

    .visor-documento .modal {
        position: static;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0px !important;
    }
    
    .visor-documento .slide.down {
        width: 100%;
        margin-top: 0px;
        visibility: visible;
        opacity: 1;
        position: absolute;
        max-height: 100%;
        overflow-y: auto;
        padding: 0px;
    }

    .visor-documento-solicitud.overlay.fade {
        background: rgba(161, 221, 184, 0.8);
    }

    .visor-documento-solicitud {
        background: #4DC87E !important;
        margin-top: 75px;
        align-items: normal !important;
        z-index: 2 !important;
    }

    .visor-documento-solicitud .modal {
        position: static;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0px !important;
    }
    
    .visor-documento-solicitud .slide.down {
        width: 100%;
        margin-top: 0px;
        visibility: visible;
        opacity: 1;
        position: absolute;
        max-height: 100%;
        overflow-y: auto;
        padding: 0px;
    }

    .top-bar-onboarding .container-header {
        padding-right: 20px !important;
        padding-left: 20px !important;
        justify-content: center !important;
    }

    .top-bar-onboarding .logo img {
        max-height: 71.21px !important;
    }

    .topbar-documentos .logo img, .topbar-candidato .logo img {
        height: 50px !important;
    }
    
    .btn-comenzar-onboarding, .btn-comenzar, .btn-comenzar-proceso, .btn-comenzar-onboarding-proceso {
        display: none !important;
    }

    .topbar-onboarding {
        height: 219px !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }

    .topbar-time {
        height: 219px !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }

    .topbar-candidato, .topbar-documentos {
        height: 76px !important;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    }

    .flex-cont-candidato {
        background: #B9F0CE !important;
        padding-bottom: 15px;
    }

    .extraBar + .flex-cont-candidato .container.padding-top {
        padding-top: 100px;
    }   

    .flex-cont-documentos .container.padding-top {
        padding-top: 100px;
    }   

    .flex-cont-candidato .container.padding-top {
        padding-top: 100px;
    }   
    
    .topbar-candidato .container, .topbar-documentos .container {
        padding-right: 40px !important;
        padding-left: 40px !important;
        justify-content: space-between !important;
    }

    .top-bar-onboarding .profile.dropdown .drop-content {
        width: 100vw !important;
        margin-right: -40px !important;
    }

    .content-avatar-candidato .content-profile {
        padding: 25px 50px !important;
    }

    .top-bar-onboarding .drop-content {
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .content-avatar-candidato .profile-ul-title {
        border-radius: 0px !important;
    }

    .top-bar-onboarding .dropdown .drop-content {
        box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.5) !important;
    }

    .content-avatar-candidato .drop-content-section {
        padding: 15px 50px 20px 50px !important;
    }
    
    .top-bar-onboarding .content-options .drop-content-section {
        padding: 19.5px 70px 19px 70px !important;
    }

    .content-avatar-candidato .drop-content-section img {
        margin-right: 35px !important;
    }

    .content-avatar-candidato .avatar {
        margin-right: 30px !important;
    }

    .content-carga-documentos .drop .text, .content-btn .btn-guardar .text, .content-btn .btn-enviar .text {
        display: block !important;
    }

    .content-carga-documentos .drop {
        width: 132px !important;
        max-width: 132px !important;
        height: 41px !important;
        max-height: 41px !important;
    }

    .flex-cont-documentos .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media (max-width: 425px) { 
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        max-width: 44vw !important;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        max-width: 44vw !important;
    }

    .calendar-loading-modal.time {
        min-height: 315px;
    }

    .calendar-loading-modal {
        top: 15px !important;
        min-height: 500px;
    }
    img.foto-noticia-info-1 {
        max-width: 75vw;
        min-width: 75vw;
    }
    img.foto-noticia {
        max-width: 75vw;
        min-width: 75vw;
    }
    .btn-call{
        display: none;
    }
    .btn-call-resp{
        display: block;
    }
    .scroll-box.box-landing {
        min-height: 260px;
    }
}

@media (max-width: 414px) and (max-height: 700px) {
    .visor-seguimiento .btn-paginado-flotante {
        margin-bottom: -8vh !important;
    }
}

@media (max-width: 414px) and (max-height: 800px) {
    .visor-seguimiento .btn-paginado-flotante {
        bottom: 8.5vh !important;
    }
}

@media (max-width: 414px) and (max-height: 845px) {
    .visor-seguimiento .btn-paginado-flotante {
        margin-bottom: -6vh;
    }
}

@media (max-width: 410px) {
    .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1.3vw !important;
    }

    .content-datepicker .bs-datepicker th {
        padding: 0px 3px 5px 3px !important;
    }
}

@media (max-width: 400px) {
    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 86vw;
    }
}

@media (max-width: 390px) {
    .widget-5.card img.foto-noticia {
        max-width: 55vw;
        min-width: 55vw;
        height: 10vh !important;
    }

    .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .content-datepicker .bs-datepicker th {
        padding: 0px 2px 5px 2px !important;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        max-width: 43vw !important;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        max-width: 43vw !important;
    }
}

@media (max-width: 375px) {
    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.previous {
        left: 0vw !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker button.next {
        right: 0vw !important;
    }

    .modal-anadir-fecha .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 1px 1vw !important;
    }

    .content-date.facial .bs-datepicker th {
        width: 35px !important;
        max-width: 35px !important;
        min-width: 35px !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.previous {
        left: 0vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker button.next {
        right: 0vw !important;
    }

    .content-date.facial .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 1px 1vw !important;
    }

    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.previous {
        left: -1vw !important;
    }
 
    .table-gestion-colaboradores .content-daterangepicker .bs-datepicker button.next {
        right: -1vw !important;
    }

    .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 2vw !important;
    }

    .content-daterangepicker .bs-datepicker th {
        padding: 0px 1vw 5px 1vw !important;
    }

    .content-datepicker .bs-datepicker th {
        padding: 0px 0.5vw 5px 0.5vw !important;
    }

    img.foto-noticia-info-1 {
        max-width: 70vw;
        min-width: 70vw;
    }
    img.foto-noticia {
        max-width: 70vw;
        min-width: 70vw;
    }
    .modal-anadir-fecha .bs-datepicker th {
        width: 35px !important;
        max-width: 35px !important;
        min-width: 35px !important;
    }
    .btn-call{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 230px;
    }
}

@media (max-width: 368px) {
    .extraBar + .flex-con .container.padding-top {
        padding-top: 305px;
    }
}

@media (max-width: 360px) {
    .table-gestion.reportes .inner, .table-gestion.analisis .inner {
        max-width: 85vw;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        padding: 0 12.6vw !important;
    }
    
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        padding: 0 12.5vw !important;
    }

    .modal-vacaciones .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 2vw !important;
    }

    .content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 0.7vw !important;
    }

    img.foto-noticia-info-1 {
        max-width: 65vw;
        min-width: 65vw;
    }
    img.foto-noticia {
        max-width: 65vw;
        min-width: 65vw;
    }
    .widget-5.card img.foto-noticia {
        max-width: 52vw;
        min-width: 52vw;
        height: 10vh !important;
    }
    .btn-call{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 215px;
    }
}

@media (max-width: 335px) {
    .content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 1vw !important;
    }

    .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
        margin: 3px 0.5vw !important;
    }

    .content-datepicker .bs-datepicker th {
        padding: 0px 0.2vw 5px 0.2vw !important;
    }
}

@media (max-width: 320px) {
    .widget-5.card img.foto-noticia {
        max-width: 60vw;
        min-width: 60vw;
        height: 10vh !important;
    }

    .topbar-candidato .container, .topbar-documentos .container {
        padding-right: 20px !important;
    }

    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
        padding: 0 12.1vw !important;
    }
    
    .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
        padding: 0 12vw !important;
    }

    .top-bar-onboarding .logo-pd img {
        margin-left: 37px !important;
    }

    .modal-vacaciones .bs-datepicker th {
        padding: 0px 0px 5px 0px !important;
    }

    .modal-vacaciones .bs-datepicker-body {
        padding: 8px 4px !important;
    }

    .content-daterangepicker .bs-datepicker th {
        padding: 0px 0px 5px 0px !important;
    }

    .content-datepicker .bs-datepicker th {
        font-size: 10px !important;
        padding: 0px 0px 5px 0px !important;
    }

    img.foto-noticia-info-1 {
        max-width: 65vw;
        min-width: 65vw;
    }
    img.foto-noticia {
        max-width: 65vw;
        min-width: 65vw;
    }
    .btn-call{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 200px;
    }
    .cont-desc {
        display: block !important;
    }
    .btn.btn-sm-noticia {
        padding: 8px 20px 8px 20px !important;
    }
}

@media (max-width: 315px) {
    .extraBar + .flex-con .container.padding-top {
        padding-top: 325px;
    }
}

@media (max-width: 300px) {
    img.foto-noticia-info-1 {
        max-width: 60vw;
        min-width: 60vw;
    }
    img.foto-noticia {
        max-width: 60vw;
        min-width: 60vw;
    }
    .btn-call{
        display: none;
    }
    .scroll-box.box-landing {
        min-height: 185px;
    }
    .card-tabs .tab-landing {
        margin-right: 10px;
    }
    .btn.btn-sm.btn-pestana-noticias{
        display: block;
    }
    .icon-landing{
        margin-left: 0px !important;
    }
}

.tabs-search {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.table-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f1f1f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    margin-top: auto;
}
.table-tab {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 12px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9rem;
}
.table-tab.active {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 5px solid var(--primary);
    border-bottom: 0;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    color: var(--primary);
    background: white;
}
.table-tab i {
    font-size: 1.2rem;
    padding-right: 10px;
}
.progreso ~ .icon:not(.success):not(.error) .loader,
.table-loading .loader,
.progreso ~ .icon:not(.success):not(.error) .loader::after,
.table-loading  .loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.progreso ~ .icon:not(.success):not(.error) .loader,
.calendar-loading .loader,
.progreso ~ .icon:not(.success):not(.error) .loader::after,
.calendar-loading  .loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.progreso ~ .icon:not(.success):not(.error) .loader,
.calendar-loading-modal .loader,
.progreso ~ .icon:not(.success):not(.error) .loader::after,
.calendar-loading-modal  .loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.progreso ~ .icon:not(.success):not(.error) .loader, .table-loading .loader {
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 6px solid rgba(129,129,129, 0.2);
    border-right: 6px solid rgba(129,129,129, 0.2);
    border-bottom: 6px solid rgba(129,129,129, 0.2);
    border-left: 6px solid var(--primary);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 .8s infinite linear;
    animation: load8 .8s infinite linear;
}

.progreso ~ .icon:not(.success):not(.error) .loader, .calendar-loading .loader {
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 6px solid rgba(129,129,129, 0.2);
    border-right: 6px solid rgba(129,129,129, 0.2);
    border-bottom: 6px solid rgba(129,129,129, 0.2);
    border-left: 6px solid var(--primary);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 .8s infinite linear;
    animation: load8 .8s infinite linear;
}

.progreso ~ .icon:not(.success):not(.error) .loader, .calendar-loading-modal .loader {
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 6px solid rgba(129,129,129, 0.2);
    border-right: 6px solid rgba(129,129,129, 0.2);
    border-bottom: 6px solid rgba(129,129,129, 0.2);
    border-left: 6px solid var(--primary);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 .8s infinite linear;
    animation: load8 .8s infinite linear;
}

.calendar-loading-modal.time .loader {
    border-top: 6px solid rgba(244, 245, 255, 0.15);
    border-right: 6px solid rgba(244, 245, 255, 0.15);
    border-bottom: 6px solid rgba(244, 245, 255, 0.15);
    border-left: 6px solid #4DC87E;
}

.spin{
    -webkit-animation: load8 .8s infinite linear;
    animation: load8 .8s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
table .drop-content .action-list img {
    height: 20px;
}
table .action-list i {
    font-size: 1rem;
    margin-right: 10px;
    display: block;
}
/* Tables */




/* Utilities */
.card-top {
    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
            background: white;
            border-radius: 10px;
            margin-bottom: 10px;
            padding: 10px;
}
.card {
    background: white;
    padding: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.card-children {
    background: white;
    padding: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 20px 20px;
    position: relative;
    z-index: 1;
}

.card-solicitudes {
    background: white;
    padding: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 0px 0px;
    position: relative;
    z-index: 1;
}

@media (min-width: 576px) {
    .card {
        padding: 40px;
    }
    .card-children {
        padding: 0px 40px 40px 40px;
    }
    .card-solicitudes {
        padding: 40px 40px 1px 40px;
    }
    .card-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        -webkit-box-pack: justify;
                justify-content: space-between;
    }
}
.card-title h3 {
    text-transform: uppercase;
}
.card-title h3 span {
    color: var(--primary);
}
.card-footer {
    text-align: center;
}
.dropdown {
    position: relative;
    cursor: pointer;
}
.dropdown.dropdownAgro {
    cursor: default;
}
.drop-content {
    position: absolute;
    background: white;
    color: #444;
    right: 0;
    min-width: 250px;
    border: 1px solid #eee;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 99;
}
.opened .drop-content {
    display: block;
}
.drop-content i {
    margin-right: 10px;
}
.drop-content-section {
    padding: 16px;
}
.drop-content-section img {
    height: 70px;
    border-radius: 3px;
    margin-right: 10px;
}
.drop-content hr {
    margin: 0;
}
.drop-content-section a {
    display: block;
    cursor: pointer;
    font-size: .9rem;
}
.drop-content .title {
    font-weight: 300;
    font-size: 1.5rem;
}
.pagination {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
.pagination span {
    height: 35px;
    width: 35px;
    margin: 0 3px;
}
.pagination span a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    color: #25bde2;
    cursor: pointer;
    border-radius: 50%;
    font-weight: 600;
}
.pagination span.active a {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}
.pagination .prev, .pagination .next {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
}
.pagination span.disabled a {
    color: #bbb;
    pointer-events: none;
}
.pagination .dots {
    text-align: center;
    height: auto;
}
.overlay.fade {
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    top: 0;
    left: 0;
}
.pdf-overlay {
    background: rgb(0,0,0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0.9)), to(rgba(0,0,0,0.85)));
    background: linear-gradient(180deg, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0.85) 100%);
}
.pdf-overlay.static {
    position: static;
    border-radius: 10px;
    overflow: hidden;
}
.pdf-overlay.static .pdf {
    height: 600px;
}
.shrink {
    visibility: hidden;
    /* -webkit-transition: .15s; */
    -webkit-transform: scale(0);
            transform: scale(0);
    /* transition: .15s; */
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
}
.shrink.top {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
}
.shrink.show {
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.fade {
    visibility: hidden;
    opacity: 0;
    /* -webkit-transition: .15s;
    transition: .15s; */
}
.fade.show {
    visibility: visible;
    opacity: 1;
}
.modal {
    visibility: hidden;
    opacity: 0;
    background: white;
    padding: 20px;
    width: 650px;
    max-width: 100%;
    margin: 10px;
    border-radius: 20px;
}
.modal-calendario {
    visibility: hidden;
    opacity: 0;
    background: white;
    padding: 20px;
    width: 1300px;
    max-width: 100%;
    margin: 10px;
    border-radius: 20px;
}
.modal.wider {
    width: 750px;
}

@media (min-width: 562px) {
    .modal-previsualizacion-documento .modal {
        padding: 0px;
    }
    .modal {
        padding: 40px;
    }
    .modal-calendario {
        padding: 40px;
    }
    .visor-documento .modal {
        padding: 0px;
    }
    .visor-documento-solicitud .modal {
        padding: 0px;
    }
    .cargar-documento .modal {
        padding: 0px;
    }
    .documento-reemplazado .modal {
        padding: 20px 16px;
    }
    .candidato-observado .modal {
        padding: 20px 16px;
    }
}
.modal-box {
    position: relative;
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-box::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.modal-box::-webkit-scrollbar-track {
    background: transparent; 
}
.modal-box::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}
.modal .modal-body {
    font-size: 1.5rem;
    font-weight: 300;
}
.modal-title {
    color: var(--primary);
}
.modal-title.only h3 {
    font-size: 1.5rem;
    font-weight: 300;
}
div.modal-close {
    cursor: pointer;
    position: absolute;
    right: 0;
}
div.btn-close-title {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 20px
}
div.modal-close i {
    display: block;
}

div.modal-close-news {
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: 5px;
    font-size: 19px;
}
div.modal-close-news i {
    display: block;
}

div.modal-news {
    cursor: pointer;
    position: absolute;
    right: 45px;
    margin-top: 0px;
}

div.modal-categories {
    cursor: pointer;
    position: absolute;
    left: 0;
}
div.modal-categories i {
    display: block;
}

.modal-head, .card-head {
    display: -webkit-box;
    display: flex;
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.modal-head.head-bottom {
    margin-bottom: 0px !important;
}
.card-head {
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    align-content: center;
}
.modal-head {
    -webkit-box-pack: start;
            justify-content: start;
}
.header-icon {
    text-align: center;
    color: var(--primary);
}
.header-icon i {
    font-size: 3rem;
}
.header-icon .title {
    font-size: 2rem;
}
.header-icon.error {
    color: #fc4b6c;
}
.header-icon.info {
    color: #ebaa15;
}
.header-icon.success {
    color: #8cc25e;
}
.header-icon.success.congrats i {
    font-size: 5rem;
}
/* .modal-head {
    border-bottom: 1px solid #ddd;
} */
.modal.notice, .modal.notice .modal-footer {
    text-align: center;
}
.card-icon {
    display: block;
}
.card-head .card-icon i {
    color: #666;
}

.card-button.color-text-1{
    background: var(--primary);
    color: #ffffff;
}

.card-button.color-text-1:hover{
    color: var(--primary);
}

.card-button.color-text-1 i {
    color: #ffffff;
    font-size: 16px;
    margin-left: 0px;
}

.card-button.color-text-1:hover i {
    color: var(--primary);
}

.card-button.color-text-2{
    color: var(--primary);
}

.card-button.color-text-2 i {
    font-size: 16px;
    margin-left: 0px;
}

.icon-nuevos {
    margin-right: 8px;
}

.button-group-export-status {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.dropdown.date {
    margin-top: 1px;
}

.dropdown.date .drop-content {
    width: 290px;
    max-width: 290px;
    top: 45px;
    left: 0px;
}

.dropdown.date .content-date {
    width: 100%;
    max-width: 200px;
    margin: 15px 0px 0px 36px;
}

.dropdown.date .content-date p.text-filtro {
    margin-block-start: 0.5em !important;
    margin-block-end: 0.5em !important;
}

.dropdown.date .content-date .content-input-img {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 22px;
    gap: 20px;
    margin-right: -40px;
    margin-bottom: 10px;
}

.dropdown.date .opt-sombra {
    height: 40px;
    display: grid;
    align-items: center;
    padding: 0px 16px;
}

.dropdown.date .opt-sombra:hover, 
.dropdown.date .opt-sombra-active {
    width: 100%;
    display: flex;
    align-items: center;
    background: rgba(from var(--primary) r g b / .1);
    cursor: pointer;
    transition: .3s ease;
}

.dropdown.date .drop-content p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.card-button.select-date {
    text-align: left;
}

.card-button.select-date p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.card-button {
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 10px 16px;
    color: #555;
    font-size: .9rem;
    white-space: nowrap;
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid #ddd;
    -webkit-box-pack: center;
            justify-content: center;
}
.card-button:hover {
    background: var(--light-primary-d); /*#e5f6fa*/
    border-color: var(--light-primary-d); /*#e5f6fa*/
    filter: brightness(110%) contrast(120%);
}
.card-button:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.card-button:focus {
    outline: none;
}

.card-button-mant {
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 10px 16px;
    color: #555;
    font-size: .9rem;
    white-space: nowrap;
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent;
    border-radius: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 0px solid #ddd;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.card-button-mant:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.card-button-mant:focus {
    outline: none;
}

.card-button img, .card-button svg {
    width: 15px;
    margin-left: 10px;
}

.card-button img, .card-button svg > path {
    fill: var(--primary);
}

.card-actions > div:not(:last-of-type) {
    margin-bottom: 10px;
}
.card-actions {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.card-info {
    display: -webkit-box;
    display: flex;
    text-align: left;
    margin-bottom: 10px;
    text-align: center;
    -webkit-box-pack: center;
            justify-content: center;
}
@media (min-width: 562px) {
    .card-head {
            -webkit-box-pack: justify;
                    justify-content: space-between;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                    flex-direction: row;
    }
    .card-icon {
        display: block;
        -webkit-box-pack: unset;
                justify-content: unset;
    }
    .card-info {
        text-align: left;
    }
    .card-actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
    }
    .card-actions > div:not(:last-of-type) {
        margin-right: 10px;
        margin-bottom: 0;
    }
    .card-button {
        -webkit-box-pack: unset;
                justify-content: unset;
    }
}
@media (min-width: 992px) {
    .card-info {
        margin-bottom: 0;
    }
    .card-actions {
        padding-left: 40px;
    }
}
nav.card-nav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}
nav.card-nav a {
    margin-right: 12px;
    font-size: .95rem;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    cursor: pointer;
}
nav.card-nav a:last-of-type {
    padding-right: 0;
    margin-right: 0;
}
nav.card-nav a:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    background: #999;
    height: 4px;
    width: 4px;
    border-radius: 50%;
}
.card-button:hover .target > i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.card-button i {
    display: block;
    font-size: 1.3rem;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 10px;
    color: var(--primary);
}

.card-button-mant:hover .target > i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.card-button-mant i {
    display: block;
    font-size: 1.3rem;
    -webkit-transition: .3s;
    transition: .3s;
    color: var(--primary);
}
.drop-content:not(.square-top) {
    margin-top: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
    font-size: .9rem;
}
.drop-content-section.actions {
    padding: 0;
}
ul.action-list {
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
}
.action-list li {
    padding: 8px 15px;
    display: -webkit-box;
    /*display: flex;*/
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-box-align: flex-start;
            align-items: flex-start;
    text-align: left;
    font-size: 1rem;
    position: relative;
}

.action-list li svg {
    height: 20px;
    margin-right: 10px !important;
}

.action-list li svg > path {
    fill: var(--primary);
}

.action-list li:hover {
    background: var(--light-primary-d); /*rgba(6, 162, 200, 0.1)*/
}
.action-list i {
    font-size: 1rem;
    color: var(--primary);
    display: block;
    margin-right: 10px;
    padding-top: 4px;
}
.action-list i.ti-plus,
.action-list i.ti-minus {
    padding: 0;
}
.action-list li.active {
    color: #aaa;
    pointer-events: none;
}
.action-list img {
    height: 10px;
}
.action-list img.img-icon {
    margin-top: 3px;
    height: 16px;
}
.action-list svg.img-icon {
    margin-top: 0px;
}
.action-list svg.img-icon > path {
    fill: var(--primary);
}
.modal-icon i, .card-icon i {
    display: block;
    font-size: 3rem;
    padding-right: 20px;
}
.modal-footer {
    text-align: right;
    margin-top: 40px;
}
.modal-footer .btn:not(:last-of-type), .wizard-footer .btn:not(:last-of-type) {
    margin-bottom: 10px;
}
@media (min-width: 430px) {
    .modal-footer .btn:not(:last-of-type) {
        margin-right: 10px;
        margin-bottom: 0;
    }
}
.slide {
    margin-top: -100px;
    visibility: hidden;
    opacity: 0;
    /* -webkit-transition: .15s;
    transition: .15s; */
    position: absolute;
}
.slide.down {
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
    position: static;
    max-height: 860px;
    overflow-y: auto;
}

.slide.slide-landing.down {
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
    position: static;
    overflow-y: auto;
    max-width: 500px;
}

.swipe {
    margin-right: -100px;
    visibility: hidden;
    opacity: 0;
    /* -webkit-transition: .15s;
    transition: .15s; */
    position: absolute;
}
.swipe.left {
    margin-left: 0;
    visibility: visible;
    opacity: 1;
    position: static;
}
.button-group .btn:not(:last-of-type) {
    margin-right: 10px;
}
.btn {
    font-size: .9rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 12px 20px;
    line-height: 1.25;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff;
    border-radius: 30px;
}
.btn-success, .btn-success.disabled {
    background: var(--primary);
    border: 1px solid var(--primary);
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-success.btn-filtros, .btn-success.disabled {
    background: var(--primary);
    border: 1px solid var(--primary);
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    font-weight: bold;
    color: #ffffff;
}

.pagination-landing-button .pagination-page {
    display: none;
}

.pagination-landing-button .pagination {
    justify-content: end;
}

.pagination-landing-button .pagination-prev{
    padding: 13px 1.5px 13px 1.5px;
    font-size: .6rem;
    background: white;
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 0px;
    border-radius: 3.8px;
    color: var(--primary) !important;
    cursor: none;
}

.pagination-landing-button .pagination-prev.disabled{
    padding: 13px 1.5px 13px 1.5px;
    font-size: .6rem;
    background: white;
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 0px;
    border-radius: 3.8px;
    color: var(--primary);
    cursor: none;
}

.pagination-landing-button .pagination-next {
    padding: 13px 1.5px 13px 1.5px;
    font-size: .6rem;
    background: var(--primary);
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 0px;
    border-radius: 3.8px;
    color: #ffffff;
    display: block;
}

.pagination-landing-button .pagination-next a {
    color: #ffffff;
}

.pagination-landing-button .pagination-next.disabled{
    padding: 13px 1.5px 13px 1.5px;
    font-size: .6rem;
    background: white;
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 0px;
    border-radius: 3.8px;
    color: var(--primary);
    cursor: none;
}

.pagination-landing-button .page-item a.page-link {
    padding: 10px 15px;
}

.btn-success:hover, .btn-success.disabled:hover {
    background: var(--primary);
    box-shadow: 0 14px 26px -12px rgba(84, 174, 218, 0.8), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(84, 174, 218, 0.4);
    border: 1px solid var(--primary);
}
.btn-help, .btn-help.disabled {
    background: #66cffb;
    border: 1px solid #66cffb;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.btn-help:hover, .btn-help.disabled:hover {
    background: #66cffb !important;
    box-shadow: 0 14px 26px -12px rgba(84, 174, 218, 0.8), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(84, 174, 218, 0.4) !important;
    border: 1px solid #66cffb !important;
}
.btn-green:hover {
    background: #8cc25e !important;
    box-shadow: 0 14px 26px -12px rgba(140, 194, 94, 0.8), 0 4px 23px 0 rgba(140, 194, 94, 0.1), 0 8px 10px -5px rgba(140, 194, 94, 0.4) !important;
    border: 1px solid #8cc25e !important;
}
.btn-green {
    background: #8cc25e;
    border: 1px solid #8cc25e;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.fecha-formato {
    text-transform: capitalize;
}

.btn-green-calendario {
    width: 100%;
    background: #8cc25e;
    border: 1px solid #8cc25e;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 12px 20px;
    line-height: 1.25;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 5px;
}

.btn-warning-calendario {
    width: 100%;
    background: #ebaa15;
    border: 1px solid #ebaa15;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 12px 20px;
    line-height: 1.25;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 5px;
}

.btn-info-calendario {
    width: 100%;
    background: var(--primary);
    border: 1px solid var(--primary);
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 12px 20px;
    line-height: 1.25;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 5px;
}

.btn-danger-calendario {
    width: 100%;
    background: #ff5429;
    border: 1px solid #ff5429;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 12px 20px;
    line-height: 1.25;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 5px;
}

.btn-danger {
    background: #fc4b6c !important;
    border: 1px solid #fc4b6c !important;
    -webkit-transition: 0.2s ease-in !important;
    transition: 0.2s ease-in !important;
}
.btn-danger.disabled {
    background: #eee;
    border: 1px solid #f0f0f0;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #999;
    pointer-events: none;
}
.btn-danger:hover, .btn-danger.disabled:hover {
    background: #fc4b6c;
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.9), 0 4px 23px 0 rgba(0, 0, 0, 0.2), 0 8px 10px -5px rgba(239, 83, 80, 0.5);
    border: 1px solid #fc4b6c;
}
.btn-warning {
    background: #ebaa15 !important;
    border: 1px solid #ebaa15 !important;
    -webkit-transition: 0.2s ease-in !important;
    transition: 0.2s ease-in !important;
}
.btn-warning.disabled {
    background: #eee;
    border: 1px solid #f0f0f0;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #999;
    pointer-events: none;
}
.btn-warning:hover, .btn-warning.disabled:hover {
    background: #ebaa15 !important;
    box-shadow: 0 14px 26px -12px rgba(248, 167, 91, 0.9), 0 4px 23px 0 rgba(0, 0, 0, 0.2), 0 8px 10px -5px rgba(239, 83, 80, 0.5) !important;
    border: 1px solid #ebaa15 !important;
}
.btn-secondary, .btn-secondary.disabled {
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: #ffffff;
    color: #6c757d;
    border: 1px solid #6c757d;
}
.btn-secondary.disabled {
    color: #99abb4;
    pointer-events: none;
}
.btn-secondary:hover, .btn-secondary.disabled:hover {
    background-color: #727b84;
    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    color: #ffffff;
}
.btn-confirm {
    color: var(--primary);
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
    margin: 0 auto;
    border: 1px solid var(--primary);
}
.btn-confirm.btn-filtros {
    color: var(--primary);
    font-weight: bold;
    text-transform: capitalize;
    background: transparent;
    margin: 0 auto;
    border: 1px solid var(--primary);
}
form button.btn.btn-confirm {
    display: block;
    margin: 40px auto 20px;
}
.btn-cargar {
    display: inline-block !important;
    margin: 20px auto 20px !important;
}
.btn-cargar:hover {
    border-color: #8cc25e;
    color: #8cc25e;
}
.btn-confirm:hover {
    border-color: #8cc25e;
    color: #8cc25e;
}
.btn.btn-sm {
    padding: 5px 10px 5px;
    font-size: .8rem;
}

button.btn.disabled, button.btn.btn-danger.disabled {
    pointer-events: none;
    background: #ddd !important;
    border-color: #ddd !important;
    color: #999;
    font-weight: bold;
}

button.btn:focus {
    outline: none;
}
.btn i {
    padding-right: 10px;
}
a.icon-btn {
    font-size: 1.3rem;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
}
a.icon-btn:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}
.muted {
    color: #666;
}

.muted2 {
    color: #fdfdfd;
}

.small {
    font-size: .85rem;
}
.x-small {
    font-size: .75rem;
}
.bold {
    font-weight: bold;
}
.small-upper {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sample-toggle {
    font-size: .8rem;
    text-transform: uppercase;
}
.sample-toggle span {
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}
.sample-toggle .active {
    font-weight: bold;
    color: var(--primary);
}
.notifications {
    position: fixed;
    right: 20px;
    z-index: 999999;
    width: 320px;
    /* visibility: hidden; */
}
.notify {
    background: white;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
    margin: 5px;
    position: absolute;
    color: #333;
    font-size: .9rem;
    /* -webkit-transition: .5s !important;
    transition: .5s !important; */
}
.notify.slide {
    position: static;
}
.notify.slide.down {
    position: static;
}

/* Remove animations for safari */
@supports not (-webkit-backdrop-filter: blur(1px)) {
    .notifications {
        -webkit-transition: .5s !important;
        transition: .5s !important;
        /* visibility: hidden; */
    }
    .shrink {
        -webkit-transition: .15s;
        transition: .15s;
        /* visibility: hidden; */
    }
    /* .shrink.show {
        visibility: visible;
    } */
    .fade {
        -webkit-transition: .15s;
        transition: .15s;
        /* visibility: hidden; */
    }
    /* .fade.show {
        visibility: visible;
    } */
    .slide {
        -webkit-transition: .15s;
        transition: .15s;
        /* visibility: hidden; */
    }
    /* .slide.down {
        visibility: visible;
    } */
    .swipe {
        -webkit-transition: .15s;
        transition: .15s;
        /* visibility: hidden; */
    }
    /* .swipe.left {
        visibility: visible;
    } */
}

@supports (-webkit-backdrop-filter: blur(1px)) {
    /* .notifications {
        display: none;
    }
    .shrink {
        display: none;
    }
    .shrink.show {
        display: block;
    }
    .fade {
        display: none;
    }
    .fade.show {
        display: block;
    }
    .modal {
        display: none;
    }
    .slide {
        display: none;
    }
    .slide.down {
        display: block;
    }
    .swipe {
        display: none;
    }
    .swipe.left {
        display: block;
    } */
    input, select, textarea, .input-container .autocomplete-container {
        height: 50px;
    }
}

.notify > div > div {
    padding: 8px 17px;
}

.notify .icon {
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.2rem;
    position: relative;
}
.notify .text {
    width: 100%;
}
.notify .dismiss {
    font-size: .7rem;
    float: right;
    cursor: pointer;
    padding-right: 10px;
    color: #444;
}
.notify.success .icon {
    background: #8cc25e;
}
.notify.error .icon {
    background: #fc4b6c;
}
.notify.info .icon {
    background: #ebaa15;
}
.notify.message .icon, 
.notify.contrato .icon,
.notify.formulario .icon,
.notify.votacion .icon {
    background: var(--primary);
}
.notify.message .icon i, 
.notify.contrato .icon i,
.notify.formulario .icon i,
.notify.votacion .icon i {
    font-size: 1.5rem;
    position: relative;
}
.notify.message .icon .badge, 
.notify.contrato .icon .badge,
.notify.formulario .icon .badge,
.notify.votacion .icon .badge {
    top: -5px;
    right: -7px;
}
.notify .title {
    font-weight: bold;
    display: block;
    font-size: 1rem;
}
.notify.success .title {
    color: #8cc25e;
}
.notify.error .title {
    color: #fc4b6c;
}
.notify.info .title {
    color: #ebaa15;
}
.notify.message .title, 
.notify.contrato .title,
.notify.formulario .title,
.notify.votacion .title {
    color: var(--primary);
}
.notify.message .text a, 
.notify.contrato .text a,
.notify.formulario .text a,
.notify.votacion .text a {
    margin-top: 10px;
    display: block;
    font-size: .7rem;
    padding: 2px 7px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    background: rgba(from var(--primary) r g b / .1);
}
@media (min-width:992px) {
    .notifications {
        top: 120px;
    }

    .notificationsTop {
        top: 220px !important;
    }
}
/* Utilities */




/* Flatpickr Calendar */
.flatpickr-calendar {
    border-radius: 0;
    box-sizing: content-box;
    padding: 0;
    width: auto;
    box-shadow: 1px 1px 30px 2px rgba(0, 0, 0, 0.1);
}
.flatpickr-months .flatpickr-month {
    height: unset;
}
.flatpickr-months {
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: unset;
    background: var(--primary);
    padding: 15px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: unset;
    left: unset;
    right: unset;
    position: static;
    height: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    height: unset;
}
.flatpickr-current-month {
    width: auto;
}
span.flatpickr-weekday {
    font-weight: normal;
}
.flatpickr-day {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.flatpickr-innerContainer {
    padding: 15px;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
    content: none;
}
/* Flatpickr Calendar */




/* Provisional */
.light-overlay {
    background: white;
    position: relative;
    z-index: 9;
}
.drop {
    background: #f7f7f7;
    border: 2px dashed #ccc;
    padding: 40px;
    text-align: center;
    cursor: pointer;
}
.drop .text {
    font-size: .9rem;
    color: #777;
}
.drop.error {
    border-color: #fc4b6c;
}
ul.upload-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.upload-list li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
ul.upload-list li:last-of-type {
    border-bottom: none;
}
ul.upload-list li div span {
    display: block;
}
ul.upload-list li div span.name {
    font-weight: 600;
}
ul.upload-list li div span.size {
    font-size: .9rem;
    color: #777;
}
ul.upload-list .remove {
    cursor: pointer;
}
ul.upload-list i {
    color: #25bde2;
}
.progreso {
    position: relative;
    width: 100%;
    height: 7px;
    background: #eee;
    border-radius: 20px;
}
.card-item .progreso {
    position: relative;
    width: 100%;
    height: 8px;
    background: #F2F4F7;
    border-radius: 8px;
}
.widget-6.card .card-item .progreso {
    height: 4px;
}
.progreso ~ .icon {
    margin-left: 16px;
    cursor: pointer;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    flex-shrink: 0;
    color: var(--primary);
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}
/* .progreso + .icon:not(.success):not(.error) .loader {
    background-image: url('../img/spinner.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    opacity: .2;
    
    animation: spin 1.3s linear infinite;
    animation-delay: 0ms;
} */
.progreso ~ .icon.success {
    background: #8cc25e;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: auto;
}
.progreso ~ .icon.error {
    background: #fc4b6c;
    color: white;
}
.progreso ~ .icon.search {
    background: var(--primary);
    color: white;
}
.icon.search {
    cursor: pointer;
}
/* @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } */
.progreso .bar {
    position: absolute;
    display: block;
    background: rgb(37,189,226);
    background: -webkit-gradient(linear, left top, right top, from(rgba(37,189,226,1)), to(rgba(45,148,192,1)));
    background: linear-gradient(90deg, rgba(37,189,226,1) 0%, rgba(45,148,192,1) 100%);
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 20px;
}
.progreso.success .bar {
    background: #8cc25e;
}
.progreso.error .bar {
    background: #fc4b6c;
}
.progreso.processing {
    background: var(--primary);
}

.progreso.warn .bar {
    background: #FFC700;
}

.progreso.info .bar {
    background: var(--primary);
}

.card-item .progreso.info .bar {
    background: #00AFC7;
    /*background: var(--primary);
    filter: brightness(110%) contrast(120%);*/
}

.progreso.processing .bar {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);            
    -webkit-animation: animate-stripes 2s linear infinite;            
            animation: animate-stripes 2s linear infinite;
}
@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
.progreso .message {
    font-size: .80rem;
    padding-top: 8px;
    display: inline-block;
    color: #666;
}

.messageWaitForLoading {
    margin-top: 70px !important;
}

.upload-nav {
    display: -webkit-box;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 10px;
}
.upload-nav li {
    line-height: .9rem;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.upload-nav li:not(:last-of-type) {
    border-right: 1px solid #aaa;
    padding-right: 15px;
    margin-right: 13px;
}
.display.success .upload-nav li i {
    font-size: .8rem;
    padding-right: 5px;
    color: inherit;
}
.wizard .display.success {
    font-size: 1rem;
}
.pdf {
    width: 100%;
    height: 100vh;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0,0,0,.85)), to(rgba(0,0,0,0.8)));
    background: linear-gradient(180deg, rgba(0,0,0,.85) 5%, rgba(0,0,0,0.8) 100%);
}
.pdf embed, .pdf iframe {
    width: 100%;
    height: 100%;
}
.pdf-close {
    font-size: .7rem;
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;
    z-index: 9;
    min-width: 16px;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    background: var(--primary);
}

.pdf-close2 {
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 9;
    height: 50px;
    width: 100%;
    min-width: 16px;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    display: grid;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: var(--primary);
    color: white;
    grid-template-columns: 80px 1fr;
}

.pdf-actions {
    position: fixed;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    text-align: center;
    padding: 20px;
    z-index: 999;
}
.pdf-actions button:not(:last-of-type) {
    margin-right: 10px;
}
.pdf-actions .input-container {
    color: white;
    margin-bottom: 10px;
}
.pdf-actions label {
    font-size: .9rem;
}
/* .pdf-close:hover {
    background-color: hsla(0,0%,0%,.12);
    background-image: -webkit-gradient(linear,left top, left bottom,from(hsla(0,0%,100%,.05)),to(hsla(0,0%,100%,0)));
    background-image: linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,0));
    background-clip: padding-box;
    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);
    -webkit-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);
            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);
} */
/* @media (min-width: 700px) {
    .pdf-close {
        right: 127px;
    }
} */
.pdf-close i {
    display: block;
    padding-right: 10px;
}
#toolbarContainer {
    background-image: none !important;
    background: transparent !important;
}
#toolbarViewerRight {
    padding-right: 100px;
}
div#viewer {
    background-color: transparent !important;
}
html[dir=ltr] #toolbarContainer {
    box-shadow: none !important;
}
.loadingInProgress.body {
    background: unset !important;
}
div#toolbarContainer {
    height: auto !important;
    padding: 10px;
}
div#viewerContainer {
    top: 51px !important;
    padding-bottom: 40px;
}
.loadingInProgress.body .pdfViewer .page {
    margin: 0 auto 60px;
    border: none;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.5);
}
.loadingInProgress.body .pdfViewer .page:last-of-type {
    margin-bottom: 0;
}
.loadingInProgress #errorWrapper {
    top: 60px !important;
    padding: 20px;
    text-align: center;
}
button#errorShowMore, button#errorShowLess {
    background: transparent;
    border: none;
    font-weight: bold;
    color: white;
    margin-left: 10px;
}
button#errorClose {
    display: none;
}
div#errorMessageLeft {
    float: none;
}
div#errorMessageRight {
    float: none;
}
div#viewerContainer::-webkit-scrollbar {
    height: 13px;
    width: 13px;
}
div#viewerContainer::-webkit-scrollbar-track {
    background: transparent; 
}
div#viewerContainer::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}
#toolbarViewer input, #toolbarViewer select {
    min-height: unset;
}
#toolbarViewer .dropdownToolbarButton {
    width: 138px;
    max-width: 138px !important;
}
#sidebarContainer {
    top: 52px !important;
}
body.modal-open {
    overflow: hidden;
}
.findbar, .secondaryToolbar {
    top: 52px !important;
}
#mainContainer .grab-to-pan-grab :not(input):not(textarea):not(button):not(select):not(:link) {
    cursor: auto !important;
}
/* Provisional */




/* Datepicker */
.bs-media-container {
    display: -webkit-box;
    display: flex;
}
.bs-datepicker {
    background: white;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin-bottom: 40px;
    font-size: 1rem;
    font-weight: normal;
}
.bs-datepicker-head {
    background: var(--primary);
    padding: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
}
.bs-datepicker button {
    background: transparent;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
}
.bs-datepicker-body {
    padding: 20px;
}
.bs-datepicker table.years {
    margin: 0 auto;
}
.bs-datepicker th.ng-star-inserted {
    font-size: .8rem;
    font-weight: normal;
    padding: 6px;
    color: #666;
}
.bs-datepicker td.ng-star-inserted span.today{
    border:1px solid #4DC87E;
}
.bs-datepicker td.ng-star-inserted span.is-other-month{
    color:#959595 !important;
    /* cursor: auto !important; */
}
/* .bs-datepicker td.ng-star-inserted span.is-other-month:hover{
    background: none !important;
} */
.bs-datepicker td.ng-star-inserted span:not(.bs-chevron):not(.disabled):not(.is-other-month) {
    cursor: pointer;
}
.bs-datepicker td.ng-star-inserted span:not(.bs-chevron) {
    padding: 6px;
    /* cursor: pointer; */
    -webkit-user-select: none;
    -moz-user-select: none;
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.bs-datepicker td.ng-star-inserted span:not(.selected):hover {
    background: #eee;
}
span.is-other-month {
    color: #aaa;
}
.bs-datepicker table {
    border-spacing: 0;
    text-transform: capitalize;
}
.bs-datepicker-head button {
    text-transform: capitalize;
}
.bs-datepicker table.months td.ng-star-inserted span, .bs-datepicker table.years td.ng-star-inserted span {
    width: auto;
    border-radius: 0;
    -webkit-box-pack: unset;
            justify-content: unset;
}
.bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #eee;
    height: 25px;
    border-radius: 0;
    left: -10px;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}
bs-datepicker-navigation-view {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.bs-datepicker-multiple:last-of-type .bs-datepicker-body {
    border-left: 1px solid #ccc;
}
.bs-datepicker td.ng-star-inserted span.selected {
    background: var(--primary);
    color: white;
    z-index: 2;
}
.bs-datepicker td.ng-star-inserted span:not(.selected).in-range:hover::before {
    left: -10px;
    right: 10px;
}
/* Datepicker */
.today-class {/* Andres */
    border: 2px solid rgba(from var(--primary) r g b / .3); 
}
/* label y cbo de formato */
.ocultarCboLblFormato{/* Andres */
    display: none;
}
bs-datepicker-container, bs-daterangepicker-container {
    z-index: 991;
}
bs-datepicker-inline-container .bs-datepicker {
    margin-bottom: 0;
}
/* Datepicker */



/* MEGA FILTER */
.mega-container {
    position: relative;
}

.mega-filter {
    padding: 5px 20px;
    border-radius: 5px;
    font-size: .95rem;
    min-height: 50px;
    border: 1px solid #ddd;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    font-weight: normal;
    padding-right: 50px;
    padding-left: 50px;
}

.mega-filter:focus {
    outline: none;
}

.mega-filter > span {
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.mega-filter > span img, .mega-filter > span > svg {
    position: absolute;
    height: 100%;
    width: 48px;
    color: white;
    left: 0;
    padding: 15px 5px;
    padding-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mega-filter > span > svg > path {
    fill: var(--primary);
}

.filter {
    background: #eee;
    padding: 8px 10px;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 10px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.filter .title {
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
    font-size: .9rem;
    color: var(--primary);
}

.filter .value {
    margin-right: 15px;
}

.filter .icon {
    font-size: .3rem;
    background: #fc4b6c;
    display: -webkit-box;
    display: flex;
    height: 15px;
    width: 15px;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}

.mega-container ul {
    margin: 0 10px 0 0;
    padding: 0;
    list-style-type: none;
    max-height: 250px;
    overflow-y: scroll;
    font-size: 1rem;
}

.mega-container ul::-webkit-scrollbar {
    width: 5px;
}
.mega-container ul::-webkit-scrollbar-track {
    background: transparent; 
}
.mega-container ul::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 20px;
}

.mega-container ul li {
    -webkit-transition: .3s;
    transition: .3s;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: none;
    font-weight: normal;
}

.mega-container .filter-dropdown ul li:hover, .mega-container ul li.active {
    background: rgba(84, 174, 218, 0.4);
}

.filter-dropdown {
    position: absolute;
    background: white;
    padding: 10px 0;
    z-index: 99;
    width: 100%;
    max-width: 400px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.filter-dropdown .title, .filter-input .title {
    text-transform: uppercase;
    font-size: .9rem;
    color: var(--primary);
    padding: 0 20px;
    margin: 10px 0;
}

.filter-input .title {
    padding: 0;
    margin-top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}

.filter-input .title .close-title {
    cursor: pointer;
}

.filter-input {
    position: absolute;
    width: 100%;
    max-width: 700px;
    background: white;
    z-index: 99;
    padding: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.filter-input.date-filter {
    width: unset;
}

.filter-input button {
    padding: 0 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    margin-left: 10px;
}

.filter-input button.success.disabled {
    background: #dddddd;
    pointer-events: none;
}

/* .filter-input button:not(:last-of-type) {
    margin-right: 10px;
} */

.filter-input button.success { background: #8cc25e; }
.filter-input button.error { background: #fc4b6c; }

.popover input {
    padding: 8px 15px;
}

.clear-filters {
    background: #fc4b6c;
    color: white;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* MEGA FILTER */

.back-btn {
    display: none;
    z-index: 0;
}

.back-btn-landing {
    display: none;
    z-index: 0;
}
@media (min-width: 1300px) {
    .back-btn {
        display: block;
        position: absolute;
        left: -35px;
        top: 0;
        height: 100%;
    }
    .back-btn > div {
        background: var(--primary);
        padding: 16px 16px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        cursor: pointer;
        box-shadow: -13px 0px 20px rgba(0, 0, 0, 0.05);
    }
    .back-btn i {
        display: block;
        color: white;
        font-size: 1rem;
        padding-right: 10px;
        -webkit-transform: translateX(-3px);
                transform: translateX(-3px);
    }

    .back-btn-landing {
        display: block;
        position: absolute;
        left: -35px;
        top: 0;
        height: 100%;
    }
    .back-btn-landing > div {
        background: var(--primary);
        padding: 16px 16px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        cursor: pointer;
        box-shadow: -13px 0px 20px rgba(0, 0, 0, 0.05);
    }
    .back-btn-landing i {
        display: block;
        color: white;
        font-size: 1rem;
        padding-right: 10px;
        -webkit-transform: translateX(-3px);
                transform: translateX(-3px);
    }
}

@media (max-width: 1299px) {
    .back-btn-landing {
        display: block;
        position: absolute;
        left: -35px;
        top: 0;
        height: 100%;
    }
    .back-btn-landing > div {
        background: var(--primary);
        padding: 16px 16px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        cursor: pointer;
        box-shadow: -13px 0px 20px rgba(0, 0, 0, 0.05);
    }
    .back-btn-landing i {
        display: block;
        color: white;
        font-size: 1rem;
        padding-right: 10px;
        -webkit-transform: translateX(-3px);
                transform: translateX(-3px);
    }
}

@media (max-width: 955px) {
    .back-btn-landing {
        display: none;
    }
}

.card-button.disabled {
    pointer-events: none;
    color: #999;
    background: #f1f1f1;
}

.card-button.disabled i {
    color: #999;
}

.action-list li.disabled {
    color: #999;
    pointer-events: none;
    cursor: unset;
}

.action-list li.disabled i {
    color: #999;
}

.card-button + .drop-content ul.action-list li.disabled .ti-minus::after {
    border-color: #999;
}




/* POPOVERS */
.popover-td {
    padding: 0;
}
.popover-container {
    position: relative;
}
.popover-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
}
.popover {
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    position: relative;
    width: 300px;
    max-width: 100%;
}
.popover > div > * {
    display: inline-block;
}
.popover > div > div, .popover > div > button:not(:last-of-type) {
    margin-right: 10px;
}
.popover input {
    border: 1px solid #ddd;
    max-width: 100%;
}
.popover-btn {
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px 10px;
}
.popover-btn:not(:last-of-type) {
    margin-right: 10px;
}
.popover-btn.error { background: #fc4b6c; }
.popover-btn.success { background: #8cc25e; }

.review .title {
    color: #555;
    text-transform: uppercase;
    font-size: .9rem;
    display: inline-block;
    padding: 0 20px 0 10px;
}







.rev-field i {
    color: var(--primary);
}

.rev-field {
    display: -webkit-box;
    display: flex;
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; */
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid gainsboro;
}

.rev-field > div {
    /* text-align: right; */
    flex-shrink: 0;
}

.rev-field > * {
    /* width: 50%; */
    width: 40%;
}

.rev-field:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

label.file-input {
    cursor: pointer;
    font-weight: normal;
    border: 1px solid var(--primary);
    background: transparent;
    color: var(--primary);
}

label.file-input:hover {
    color: white;
}





/* Legajos */
/* .lista-legajos {
    
} */
@media (min-width: 768px) {
    .lista-legajos:not(.step) {
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #ddd;
    }
}
.legajos .title {
    text-transform: uppercase;
    color: var(--primary);
}
.legajos .title span {
    color: #666;
}
.legajos .subtitle {
    color: #666;
    text-transform: uppercase;
    font-size: .9rem;
}
.legajos .subtitle span {
    font-weight: normal;
}
.lista-legajos > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow-y: scroll;
    margin-bottom: 40px;
    height: 200px;
}

.lista-legajos > ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.lista-legajos > ul::-webkit-scrollbar-track {
    background: transparent; 
}
.lista-legajos > ul::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.lista-legajos > ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.lista-legajos > ul li span {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
            padding-right: 10px;
}

.lista-legajos > ul li:hover {
    color: var(--primary);
}

.lista-legajos > ul li i {
    color: var(--primary);
    font-size: 1.2rem;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
}

.lista-legajos > ul li.active {
    font-weight: 600;
    color: var(--primary);
    display: -webkit-box;
    display: flex;
    /* -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; */
    -webkit-box-align: center;
            align-items: center;
}

.lista-legajos > ul li.active i::before {
    content: "\e6b7" !important;
}

.lista-legajos > ul li.active i {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.lista-legajos > ul li img, .lista-legajos > ul li svg {
    height: 13px;
}

.lista-legajos > ul li svg > path {
    fill: var(--primary);
}

.autocomplete-container .suggestions-container {
    z-index: 99;
    margin-top: -22px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.autocomplete-container .not-found {
    z-index: 99;
    margin-top: -22px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    min-height: unset;
    padding: 20px !important;
}
.input-container .autocomplete-container .not-found div {
    border-bottom: none;
}
.input-container .autocomplete-container {
    box-shadow: none;
    /*min-height: 50px;*/
    padding: 0;
}
.input-container .autocomplete-container .input-container input {
    background: transparent;
    padding: 13px 20px;
    text-transform: uppercase;
}
.input-container .autocomplete-container .input-container .x i {
    vertical-align: initial;
}
.input-container .autocomplete-container .suggestions-container .complete-selected, 
.input-container .autocomplete-container .suggestions-container ul li:hover {
    background-color: rgba(84, 174, 218, 0.2);
}

.card-button.unique {
    padding: 10px;
}

.row.legajos .card-button {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .lista-legajos > ul {
        height: 400px;
        margin-bottom: 0;
    }
    .lista-legajos.step > ul {
        height: 380px;
    }
}
@media (min-width: 992px) {
    .row.legajos .card-button {
        margin-bottom: 0;
    }
}

@-webkit-keyframes blink {
    0%{
        opacity: 1;
        }
    10%{
        opacity: 0;
        }
    20%{
        opacity: 1;
        }
    30%{
        opacity: 0;
        }
    40%{
        opacity: 1;
        }
}

@keyframes blink {
    0%{
        opacity: 1;
        }
    10%{
        opacity: 0;
        }
    20%{
        opacity: 1;
        }
    30%{
        opacity: 0;
        }
    40%{
        opacity: 1;
        }
}

.blinking {
    -webkit-animation: blink 4s infinite 0s linear;
            animation: blink 4s infinite 0s linear;
}

.message-loading {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.message-loading .title {
    width: 100%;
    max-width: 500px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    color: #666;
    margin-top: 20px;
    font-weight: 300;
    font-size: 1.3rem;
}
.message-loading .title b span {
    color: var(--primary);
}

.message-loading .icon {
    width: 100%;
    text-align: center;
}

.message-loading .icon svg {
    width: 80px;
    height: auto;
    margin: 0 2rem;
    cursor: pointer;
    overflow: visible;
}

.message-landing .icon svg {
    width: 30px;
    height: auto;
    margin: 0 2rem;
    cursor: pointer;
    overflow: visible;
    rotate: -90deg;
}

.message-loading polygon, .message-loading path {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    fill: #666;
}

.message-loading .icon:hover polygon, .message-loading .icon:hover path {
    -webkit-transition: all 1s cubic-bezier(.2,1,.3,1);
    transition: all 1s cubic-bezier(.2,1,.3,1);
    fill: var(--primary);
}

.message-loading .icon:hover .arrow {
    -webkit-animation: arrow-anim 2.5s cubic-bezier(.2,1,.3,1) infinite;
            animation: arrow-anim 2.5s cubic-bezier(.2,1,.3,1) infinite;
}

.message-loading .icon:hover  .arrow-fixed{
    -webkit-animation: arrow-fixed-anim 2.5s cubic-bezier(.2,1,.3,1) infinite;
            animation: arrow-fixed-anim 2.5s cubic-bezier(.2,1,.3,1) infinite;
}
.mis-legajos .message-loading {
    display: none;
}
@media (min-width: 992px) {
    .mis-legajos .message-loading {
        display: -webkit-box;
        display: flex;
    }
}
@-webkit-keyframes arrow-anim {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	5% {
		-webkit-transform: translateX(-0.1rem);
		        transform: translateX(-0.1rem);
	}
	100% {
		-webkit-transform: translateX(1rem);
		        transform: translateX(1rem);
		opacity: 0;
	}
}

@keyframes arrow-anim {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	5% {
		-webkit-transform: translateX(-0.1rem);
		        transform: translateX(-0.1rem);
	}
	100% {
		-webkit-transform: translateX(1rem);
		        transform: translateX(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes arrow-fixed-anim {
	5% {
		opacity: 0;
	}
	20% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes arrow-fixed-anim {
	5% {
		opacity: 0;
	}
	20% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}




/* TOUR */
body.tour-open {
    overflow: hidden; }
  
  ngx-guided-tour .guided-tour-user-input-mask {
    z-index: 1081; }
  
  ngx-guided-tour .guided-tour-spotlight-overlay {
    z-index: 1082; }
  
  ngx-guided-tour .tour-step {
    z-index: 1083; }
    ngx-guided-tour .tour-step.tour-bottom .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-bottom: 1rem solid #ffffff;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent; }
    ngx-guided-tour .tour-step.tour-top .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-left .tour-arrow::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-top: 1rem solid #ffffff;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent; }
    ngx-guided-tour .tour-step.tour-left .tour-arrow::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-left: 1rem solid #ffffff;
      border-bottom: 1rem solid transparent;
      border-top: 1rem solid transparent; }
    ngx-guided-tour .tour-step.tour-right .tour-arrow::before {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-right: 1rem solid #ffffff;
      border-bottom: 1rem solid transparent;
      border-top: 1rem solid transparent; }
    ngx-guided-tour .tour-step .tour-block {
      color: #231f1f;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0.4rem 0.6rem #4c4c4c; }
    ngx-guided-tour .tour-step .tour-buttons button.skip-button {
      color: #5e5e5e; }
    ngx-guided-tour .tour-step .tour-buttons .back-button {
      color: var(--primary); }
    ngx-guided-tour .tour-step .tour-buttons .next-button {
      background-color: var(--primary);
      color: #ffffff; }
      ngx-guided-tour .tour-step .tour-buttons .next-button:hover {
        background-color: var(--primary);
        color: #ffffff; }

main ngx-guided-tour .tour-step .tour-buttons .next-button {
    border-radius: 3px;
    padding: 5px 10px;
}

main ngx-guided-tour .tour-step .tour-buttons button.link-button {
    padding: 5px 15px;
}



/* COLAB TREE */
.colab-tree {
    display: none;
}
.admin-tree {
    display: block;
}
.colab-tree, .lista-pendientes {
    margin-right: 0;
}
@media (min-width: 768px) {
    .colab-tree, .lista-pendientes {
        padding-right: 20px;
        margin-right: 20px;
    }

    .admin-tree, .lista-pendientes {
        padding-right: 20px;
        margin-right: 0px;
    }
}
.colab-tree ul {
    list-style-type: none;
    margin: 0 !important;
}
.colab-tree > ul, .lista-pendientes > ul {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    height: 100%;
    height: 500px;
    /* background: #fbfbfb; */
    border-radius: 4px;
    padding-right: 10px;
    /* box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15); */
}

.admin-tree > ul, .lista-pendientes > ul {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    height: 100%;
    height: 700px;
    /* background: #fbfbfb; */
    border-radius: 4px;
    padding-right: 20px;
    border-right: 1px solid #ddd;
    /* box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15); */
}

.justify-content-end {
    justify-content: end;
    margin-bottom: 20px;
}

.colab-tree > ul::-webkit-scrollbar, .lista-pendientes > ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.colab-tree > ul::-webkit-scrollbar-track, .lista-pendientes > ul::-webkit-scrollbar-track {
    background: #ddd; 
}
.colab-tree > ul::-webkit-scrollbar-thumb, .lista-pendientes > ul::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}
span.tree-item {
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 10px;
}
span.tree-item.empty {
    margin-top: 10px;
}
/* .colab-tree > ul > li:last-of-type span.tree-item {
    margin-bottom: 0;
} */
.colab-tree .tree-folder::before, .lista-legajos > ul li .tag::before {
    content: '';
    background-image: url('../img/folder.svg');
    background-size: cover;
    background-position: center;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--primary);
    -webkit-mask-image: url('../img/folder.svg');
    mask-image: url('../img/folder.svg');
}

.colab-tree .arrow-tree-folder::before {
    content: '';
    background-image: url('../img/arrow-tree.svg');
    background-size: cover;
    background-position: center;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    background: var(--primary);
    -webkit-mask-image: url('../img/arrow-tree.svg');
    mask-image: url('../img/arrow-tree.svg');
}
.lista-legajos > ul li.inactivo .tag::before {
    background-image: url('../img/folder-grey.svg');
    background: #999;
    -webkit-mask-image: url('../img/folder-grey.svg');
    mask-image: url('../img/folder-grey.svg');
}
.colab-tree .tree-folder.opened::before, .lista-legajos > ul li.active .tag::before {
    background-image: url('../img/folder-open.svg');
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
    background: var(--primary);
    -webkit-mask-image: url('../img/folder-open.svg');
    mask-image: url('../img/folder-open.svg');
}
.lista-legajos > ul li.active.inactivo .tag::before {
    background-image: url('../img/folder-open-grey.svg');
    background: #999;
    -webkit-mask-image: url('../img/folder-open-grey.svg');
    mask-image: url('../img/folder-open-grey.svg');
}
.colab-tree .tree-file::before {
    content: '';
    background-image: url('../img/file.svg');
    background-size: cover;
    background-position: center;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    background: var(--primary);
    -webkit-mask-image: url('../img/file.svg');
    mask-image: url('../img/file.svg');
}
.colab-tree .tree-folder.active::after {
    content: '';
    background-image: url('../img/arror-right.svg');
    background-size: cover;
    height: 13px;
    width: 15px;
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: var(--primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.8 47.8'%3E%3Cpath d='M56.7 23.8l-9-9-2.2-2.2L32.9 0l-9.1 9.1 8.4 8.4H0v12.8H32.2l-8.4 8.4 9.1 9.1 12.6-12.6 2.2-2.2 7-6.9 2-2.1.1-.1z' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.8 47.8'%3E%3Cpath d='M56.7 23.8l-9-9-2.2-2.2L32.9 0l-9.1 9.1 8.4 8.4H0v12.8H32.2l-8.4 8.4 9.1 9.1 12.6-12.6 2.2-2.2 7-6.9 2-2.1.1-.1z' /%3E%3C/svg%3E");
}
span.tree-item.empty {
    background: #eee;
    color: #999;
    pointer-events: none;
    border-color: #eee;
}
span.tree-item.active {
    color: var(--primary);
    background: rgba(from var(--primary) r g b / .1);
    border-color: #e9f4f9;
}
.colab-tree .tree-folder.empty::before {
    content: none;
}
.colab-tree .title, .lista-pendientes .title, .tree-filter .title {
    text-transform: uppercase;
    color: var(--primary);
    font-size: 1rem;
    margin-bottom: 20px;
}
.tree-filter .title {
    background: var(--light-primary);
    padding: 10px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--light-primary);
    -webkit-transition: .3s;
    transition: .3s;
}
.tree-filter .title:hover {
    border-color: var(--primary);
    background: transparent;
}
.pdf.inline {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
/* .pdf.inline #toolbarViewerRight {
    padding-right: 0;
} */
.badge {
    position: absolute;
    height: 12px;
    width: 12px;
    background: #fc4b6c;
    box-shadow: 0 0 0 rgba(252,75,108, 0.4);
    border-radius: 50%;
    top: -2px;
    right: 0px;
    -webkit-animation: new 1s infinite;
            animation: new 1s infinite;
            z-index: 2;
}
.badge.badge-inline {
    position: static;
    flex-shrink: 0;
    margin-top: 8px;
}
.tree-item .badge, .pendiente .badge {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
}
.mis-legajos .pdf-close {
    background: var(--primary);
    border-radius: 20px;
    padding: 5px 12px;
    color: white;
}
.badge-inline {
    display: inline-block;
    height: 6px;
    width: 6px;
    background: #fc4b6c;
    box-shadow: 0 0 0 rgba(252,75,108, 0.4);
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 2px;
    -webkit-animation: new 1s infinite;
        animation: new 1s infinite;
        z-index: 2;
}
@-webkit-keyframes new {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(252,75,108, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(252,75,108, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(252,75,108, 0);
    }
}
@keyframes new {
    0% {
      box-shadow: 0 0 0 0 rgba(252,75,108, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(252,75,108, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(252,75,108, 0);
    }
}

.colab-tree .module:not(:last-of-type) {
    margin-bottom: 40px;
}

.lista-pendientes ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 5px;
}
li.pendiente {
    margin-bottom: 10px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
li.pendiente:last-of-type {
    margin-bottom: 0;
}
li.pendiente.active {
    border-color: var(--primary);
}
.pendiente span {
    display: block;
}
.pendiente span.name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: .9rem;
    color: var(--primary);
}
.pendiente span.date {
    font-size: .9rem;
    color: #777;
}
.colab-tree .lista-pendientes {
    margin-right: 0;
}
.data-info {
    font-size: .9rem;
    color: #888;
    padding-left: 24px;
    display: block;
}
.doc-viewer {
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.doc-viewer .title {
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1rem;
}
.doc-viewer .title span {
    color: #666;
}
.doc-viewer .files {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    height: auto;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
}
.doc-viewer .files-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.doc-viewer .files-scroll::-webkit-scrollbar-track {
    background: #ddd; 
}
.doc-viewer .files-scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}
.files-scroll {
    /* background: var(--light-primary); */
    padding: 0 10px 10px;
    padding-left: 0;
    /* box-shadow: inset 0px 0px 20px rgba(0,0,0,0.15); */
}
.tree-filter {
    text-align: center;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .doc-viewer .files {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 992px) {
    .mis-legajos .colab-tree {
        display: block;
    }
    .mis-legajos .tree-filter {
        display: none;
    }
    .files-scroll {
        height: 500px;
        overflow-y: scroll;
    }
}
@media (min-width: 1400px) {
    .doc-viewer .files {
        grid-template-columns: repeat(3, 1fr);
    }
}
.doc-viewer .files .doc {
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
    /* border: 1px solid var(--primary); */
    background: rgb(255, 255, 255);
    overflow: hidden;
    /* -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2); */
    /* box-shadow: 2px 2px 10px rgba(0,0,0,0.2); */
    border: 1px solid var(--primary);
}
.doc-viewer .files .doc:hover {
    margin-top: -3px;
    margin-bottom: 3px;
}


.doc-viewer .files .doc.disabled {
    border-color: #ccc;
    background: #eee;
    color: #444;
    pointer-events: none;
    opacity: .7;
}
.doc-viewer .files .doc.disabled .name {
    color: #555;
    background: #ddd;
}
.doc.disabled .doc-link img {
    opacity: .5;
}


.doc-viewer .files .doc .badge {
    top: 10px;
    right: 10px;
}
/* .doc-viewer .files .doc i {
    color: var(--primary);
} */
.doc-viewer .files .doc span {
    display: block;
    text-transform: capitalize;
}
.doc-viewer .files .doc .name {
    font-size: .9rem;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: bold;
    background: var(--light-primary);
    padding: 10px;
    padding-right: 40px;
}
.doc .doc-link {
    position: absolute;
    right: 10px;
    top: 10px;
}
.doc .doc-link img, .doc .doc-link svg {
    height: 20px;
}
.doc .doc-link svg > path {
    fill: var(--primary);
}
.doc-viewer .files .doc .date {
    font-size: .9rem;
    color: #666;
    padding: 5px 10px;
    /* border-bottom: 1px solid #eee; */
}
.doc-viewer .files .doc .date:not(:last-of-type) {
    border-bottom: 1px solid #eee;
}
.doc-viewer .files .doc .sede {
    font-size: .9rem;
    color: #666;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}
.files .separator {
    grid-column-start: 1;
    grid-column-end: -1;
    text-align: center;
    font-weight: bold;
    font-size: .9rem;
    color: #666;
    position: relative;
    background: #eee;
    /* border: 1px solid var(--primary); */
    text-align: left;
}
.files span.text-center {
    grid-column-start: 1;
    grid-column-end: -1;
}
.files .separator span {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    display: inline-block;
    background: var(--primary);
    color: white;
}
.icon-input input {
    padding: 5px 30px 5px 15px;
    min-height: unset;
    border: none;
    border-radius: 20px;
    border: 1px solid #ddd;
}
.icon-input i {
    position: absolute;
    right: 10px;
    top: 7px;
}
.title .icon-input {
    margin-top: 10px;
    width: 100%;
}
@media (min-width: 768px) {
    .title .icon-input {
        width: unset;
        padding-left: 40px;
        margin-top: 0;
    }
}
/* COLAB TREE */



.small-loading,
ul.action-list li span.small-loading {
    font-size: 10px;
    text-indent: -9999em;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ffffff), color-stop(42%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1s infinite linear;
    animation: load3 1s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: inline-block;
    padding: 0;
}

.small-loading.big {
    width: 40px;
    height: 40px;
}

.small-loading:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
  .small-loading:after {
    background: var(--primary);
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.drop-content .small-loading.no-bg:after {
    background: var(--primary); /*#e5f6fa*/
    filter: saturate(5%) brightness(200%);
}
.drop-content .small-loading.no-bg {
    width: 14px;
    height: 14px;
}
.procesando .small-loading::after {
    background: #ebaa15;
}
.small-loading {
    flex-shrink:0;
}
.btn-confirm.btn-load .small-loading, .small-loading.no-bg, ul.action-list li span.small-loading.no-bg {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, var(--primary)), color-stop(42%, rgb(from var(--primary) r g b / 0)));
    background: linear-gradient(to right, var(--primary) 10%, rgb(from var(--primary) r g b / 0) 42%);
    position: relative;
}
.small-loading.time, .small-loading.time.no-bg, ul.action-list li span.small-loading.time.no-bg {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #1A1B39), color-stop(42%, rgb(26, 27, 57, 0)));
    background: linear-gradient(to right, #1A1B39 10%, rgb(26, 27, 57, 0) 42%);
    position: relative;
}
.btn-confirm.disabled .small-loading.no-bg {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #999999), color-stop(42%, rgb(from var(--primary) r g b / 0)));
    background: linear-gradient(to right, #999999 10%, rgb(from var(--primary) r g b / 0) 42%);
}
.procesando .small-loading {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #8a640e), color-stop(42%, rgba(138, 100, 14, 0)));
    background: linear-gradient(to right, #8a640e 10%, rgba(138, 100, 14, 0) 42%);
    position: relative;
}
.procesando .small-loading:before {
    background: #8a640e;
}
.btn-confirm.disabled .small-loading.no-bg:before {
    background: #999999;
}
.btn-confirm.disabled .small-loading.no-bg:after {
    background: #dddddd;
}
.doc .name .small-loading.no-bg:after {
    background: #d5eaf3;
}
.btn-confirm.btn-load .small-loading:after, .small-loading.no-bg:after {
    background: white;
}
.small-loading.azul:after, .small-loading.azul.no-bg:after {
    background: #1A1B39;
}
.btn-confirm.btn-load .small-loading:before, .small-loading.no-bg:before {
    background: var(--primary);
}
.small-loading.time:before, .small-loading.time.no-bg:before {
    background: #1A1B39;
}
.btn-confirm.btn-load:hover {
    border-color: var(--primary);
    color: var(--primary);
}
.card-footer button.btn.btn-load {
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 180px;
    pointer-events: none;
}
@-webkit-keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

button.btn.btn-load {
    min-width: 140px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.modal-footer button.btn.btn-load {
    min-width: 180px;
}

.nested-checks ul {
    list-style-type: none;
    margin: 0;
}

.nested-checks > ul {
    padding: 0;
}

.message-error {
    padding: 15px 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    background: rgba(45,148, 192, .4);
    font-size: 1rem;
    text-align: left;
    font-weight: normal;
}

.message-error i {
    font-size: 2rem;
    margin-right: 10px;
    color: red;
}

.message-error b {
    padding-right: 20px;
    color: rgba(0,0,0,0.6);
}


.message-info {
    padding: 15px 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    background: rgba(45,148, 192, .4);
    font-size: 1rem;
    text-align: left;
    font-weight: normal;
}
.message-info i {
    font-size: 2rem;
    margin-right: 10px;
    color: rgba(0,0,0,0.6);
}
.message-info b {
    padding-right: 20px;
    color: rgba(0,0,0,0.6);
}
.message-info.info {
    background: rgba(235, 170, 21, 0.4);
}
.message-info.success {
    background: rgba(140, 194, 94, 0.4);
}
.message-info.error {
    background: rgba(252, 75, 58, 0.4);
}
.message-error.error {
    background: rgba(235, 170, 21, 0.4);
}



.card-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    max-width: 100%;
    flex-wrap: wrap;
}

.card-tabs.top {
   margin-top: 72px;
}

.card-tabs .tab {
    background: var(--primary);
    padding: 10px 20px;
    margin: 0 5px;
    min-width: 200px;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .85rem;
    color: white;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .5;
}

.card-tabs .tab-landing {
    background: transparent;
    padding: 0px 0px;
    margin: 0 0px;
    min-width: auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-right: 10px;
}

.widget-5.card .card-tabs .tab-landing {
    margin-right: 2px;
}

.card-tabs .tab-landing-1 {
    background: transparent;
    padding: 0px 0px;
    margin: 0 0px;
    min-width: auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.card-tabs .tab.active {
    background: white;
    z-index: 2;
    box-shadow: 2px -10px 10px rgba(0,0,0,0.01);
    color: var(--primary);
    opacity: 1;
}

.card-tabs .tab-landing.active {
    background: white;
    z-index: 2;
    box-shadow: 2px -10px 10px rgba(0,0,0,0.01);
    color: var(--primary);
    opacity: 1;
}

.card-tabs .tab-landing-1.active {
    background: white;
    z-index: 2;
    box-shadow: 2px -10px 10px rgba(0,0,0,0.01);
    color: var(--primary);
    opacity: 1;
}

.card-tabs .badge {
    top: -5px;
    right: -5px;
}
.card-tabs .tab:not(.active):hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
}

.card-tabs .tab-landing:not(.active):hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}

@media (min-width: 992px) {
    .card-tabs .tab {
        margin-bottom: -20px;
        padding-bottom: 30px;
        box-shadow: inset 0 -20px 5px rgba(0,0,0,0.1);
    }
    .card-tabs .tab.active {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    .card-tabs .tab:not(.active):hover {
        box-shadow: inset 0 -10px 5px rgba(0,0,0,0.1);
    }
    .card-tabs .tab:not(.active):hover {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

    .card-tabs .tab-landing {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .card-tabs .tab-landing-1 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-right: 15px;
    }
    .card-tabs .tab-landing.active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .card-tabs .tab-landing:not(.active):hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}


.scrollable {
    height: 250px;
    overflow-y: scroll;
}

.resume-list .title {
    text-transform: uppercase;
    color: var(--primary);
    font-size: 1rem;
    margin-bottom: 10px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .resume-list .title {
        margin-top: 0;
    }
}

.resume-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.resume-list ul.upload-nav {
    margin-top: 10px;
}

.resume-list ul li {
    padding-bottom: 5px;
}

.resume-list ul li b {
    text-transform: uppercase;
    font-size: .9rem;
    display: inline-block;
    padding-right: 20px;
    color: #666;
    width: 250px;
}

.resume-list ul i {
    padding-right: 10px;
    color: var(--primary);
}

.min-content {
    min-height: 400px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
}


ul.list li {
    position: relative;
}
ul.list li::before {
    content: '';
    height: 5px;
    width: 5px;
    background: var(--primary);
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 4px;
    margin-right: 5px;
}
ul.list.confirm li:before {
    content: "\e64c";
    color: #8cc25e;
    background: transparent;
    height: 10px;
    width: auto;
    border-radius: 0;
    font-family: 'themify';
}
ul.list.helpme li::before {
    content: "\e69c";
    color: var(--primary);
    background: var(--light-primary);
    height: 23px;
    width: 23px;
    border-radius: 0;
    font-family: 'themify';
    padding: 4px;
    font-size: .9rem;
    border-radius: 50%;
}
ul.list.helpme li {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}
ul.list.helpme li:hover {
    padding-left: 20px;
}

ul.list.login li::before {
    /*content: "\e6ad";*/
    color: transparent;
    background: rgba(from var(--primary) r g b / 0);
    height: 0px;
    width: 0px;
    font-family: 'themify';
    padding: 0px;
    font-size: .9rem;
    border-radius: 0;
}

ul.list.login li {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    padding-left: 25px;
}
ul.list.login li:hover {
    padding-left: 30px;
}

ul.list.opt li::before {
    content: "\e6ad";
    color: var(--primary);
    background: rgba(from var(--primary) r g b / 0);
    height: 13px;
    width: 13px;
    font-family: 'themify';
    padding: 4px;
    font-size: 1rem;
    border-radius: 0;
}
ul.list.opt li {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}
ul.list.opt li:hover {
    padding-left: 10px;
}

/* ul.list.confirm li span::before {

} */
ul.list {
    list-style-type: none;
    padding: 0;
}
.modal ul.list {
    font-weight: normal;
    font-size: 1rem;
}
.modal ul.list li:not(:last-of-type) {
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
}
.modal ul.list li::before {
    margin-right: 10px;
}
.error-box {
    padding: 10px 15px;
    border-radius: 4px;
    height: 100%;
    font-size: .95rem;
    background: rgba(252, 75, 108, .1);
}
.error-box ul.list li::before {
    background: #fc4b6c;
}

/* .basic-table {
    width: 100%;
}
.basic-table th {
    text-align: left;
    color: #fc4b6c;
    text-transform: uppercase;
    font-size: .9rem;
    padding: 10px 0;
}
.basic-table thead tr {
    border-bottom: 1px solid #fc4b6c;
}
.basic-table tr:not(:last-of-type) {
    border-bottom: 1px solid #ddd;
}
.basic-table td {
    padding: 5px 0;
} */

span.bottom-btn.modal-btn {
    margin-top: 30px !important;
}

span.bottom-btn {
    text-align: center;
    display: block;
    font-size: 1.2rem;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
span.bottom-btn i {
    font-size: 1.1rem;
    padding-right: 8px;
    -webkit-transition: .3s;
    transition: .3s;
}
.bottom-btn:hover i {
    padding-right: 10px;
}

span.bottom-btn:focus {
    outline: none;
}
.input-container.switch label {
    display: inline-block;
    position: relative;
    padding: 0;
    left: unset;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    background: transparent;
}
.input-container.switch label span {
    height: 18px;
    width: 36px;
    background: #ccc;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: .3s;
    transition: .3s;
}

.input-container.switch.dashboard label span {
    background: var(--primary);
}

.content-option .grid-option .input-container.switch label span {
    height: 20px !important;
    width: 50px !important;
    background: #FFFFFF !important;
    border: 3px solid #959595;
}

.input-container.switch input {
    display: none;
}
.input-container.switch span span {
    display: inline-block;
    background: white;
    height: 13px;
    width: 13px;
    position: absolute;
    left: 3px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
}
.input-container.switch.dashboard span span {
    background: white;
}
.content-option .grid-option .input-container.switch span span {
    height: 25px !important;
    width: 25px !important;
    left: -3px !important;
}
.input-container.switch input:checked ~ span {
    background: var(--primary);
}
.content-option .grid-option .input-container.switch input:checked ~ span {
    background: #4DC87E !important;
    border: 3px solid #4DC87E !important;
}
.input-container.switch input:checked ~ span span {
    -webkit-transform: translate(17px, -50%);
            transform: translate(17px, -50%);
}
.content-option .grid-option .input-container.switch input:checked ~ span span {
    -webkit-transform: translate(25px, -50%);
            transform: translate(25px, -50%);
    border: 3px solid #4DC87E !important;
}

.input-container.switch-noticia {
    margin-bottom: -10px;
}

.input-container.switch-noticia label {
    display: inline-block;
    position: relative;
    padding: 0;
    left: unset;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    background: transparent;
}
.input-container.switch-noticia label span {
    height: 34px;
    width: 50px;
    background: var(--primary);
    display: inline-block;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: .3s;
    transition: .3s;
}

.input-container.switch-noticia input {
    display: none;
}
.input-container.switch-noticia span span {
    display: inline-block;
    background: white;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 6px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
}
.input-container.switch-noticia input:checked ~ span {
    background: #B0BFC8;
}
.input-container.switch-noticia input:checked ~ span span {
    -webkit-transform: translate(17px, -50%);
            transform: translate(17px, -50%);
}

.con-tooltip {
    position: relative;
}
.con-tooltip .tooltip {
    position: absolute;
    display: none;
    bottom: 100%;
    left: 0;
    background: white;
    color: #555;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
    width: 250px;
    white-space: normal;
    text-align: left;
}

.con-tooltip .tooltip::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12.5px 0 12.5px;
    border-color: #ffffff transparent transparent transparent;
    display: block;
    position: absolute;
    top: 100%;
}

.con-tooltip:hover .tooltip {
    display: block;
}
ul.pagination {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.page-item a.page-link {
    padding: 10px 15px;
}

.pagination-landing.page-item a.page-link {
    padding: 10px 15px;
    background: var(--primary) !important;
}

li.pagination-page.page-item.active a.page-link {
    height: 32px;
    width: 32px;
    background: var(--primary);
    color: white;
    font-weight: 600;
    border-radius: 50%;
    display: inline-block;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
li.page-item.disabled a.page-link {
    pointer-events: none;
    color: #999;
}

span.estado {
    font-size: .85rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 6px;
    color: white;
    border-radius: 3px;
    width: auto;
    white-space: nowrap;
}
span.estado.state-1, span.estado.state-7 {
    background: var(--primary);
}
span.estado.state-2, span.estado.state-3, span.estado.state-8 {
    background: #ebaa15;
}
span.estado.state-4 {
    background: #8cc25e;
}
span.estado.state-5 {
    background: #fc4b6c;
}
span.estado.state-6 {
    background: #9806df;
}
span.estado.state-7 {
    background: #e91e63;
    background: #8CC25E;
}
span.estado.state-8 {
    background: #66bb6a;
}
span.estado.state-9 {
    background: #f44336;
}

span.estado.state-10 {
    background: #fc4b6c;
}

span.estado.state-off {
    background: transparent;
    color: #fc4b6c;
    border: 1px solid #fc4b6c;
}
span.estado.state-on {
    background: transparent;
    color: #8cc25e;
    border: 1px solid #8cc25e;
}
span.estado i {
    padding-right: 6px;
    font-size: .8rem;
}
.countdown {
    font-weight: 600;
    color: #555;
}



.form-page {
    min-height: 1px;
    min-height: 100vh;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    padding: 20px 20px 5px;
}
.form-container {
    background: white;
    border-radius: 10px;
    padding: 0 20px;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    margin: 5px;
    margin-bottom: 40px;
}
.form-container .form-header, .form-container .form-footer {
    padding: 20px 0;
}
.form-container .form-header .title, .modal .modal-head .title {
    text-transform: uppercase;
    font-size: 1.3rem;
}
.form-container .form-header .title i, .modal .modal-head .title i {
    color: var(--primary);
    padding-right: 6px;
    font-size: 1.5rem;
}
.form-container .form-footer, .informativo {
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.form-container .form-footer .bottom-btn, .informativo .bottom-btn {
    color: #666;
    -webkit-box-ordinal-group: 3;
            order: 2;
    margin-top: 10px;
}
.form-header > i {
    font-size: 3rem;
    color: #8cc25e;
}
.form-page .table-loading {
    min-height: 280px;
}
.form-page .calendar-loading {
    min-height: 280px;
}
.form-page .calendar-loading-modal {
    min-height: 280px;
}
.table-loading.small {
    min-height: 150px !important;
}
.calendar-loading.small {
    min-height: 150px !important;
}
.calendar-loading-modal.small {
    min-height: 150px;
}
@media (min-width: 768px) {
    .form-container {
        padding: 0 40px;
    }
    .form-container .form-header, .form-container .form-footer {
        padding: 40px 0;
    }
    .form-container .form-footer, .informativo {
        -webkit-box-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
    }
    .form-footer .bottom-btn, .informativo .bottom-btn {
        -webkit-box-ordinal-group: 2;
                order: 1;
        margin-top: 0;
    }
    .form-footer .btn-confirm, .informativo .btn-confirm {
        -webkit-box-ordinal-group: 3;
                order: 2;
    }
}

.not-found {
    height: 1px;
    min-height: 100vh;
    background: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 10px;
}
.not-found .title {
    font-size: 5rem;
}
.not-found span {
    color: #888;
}
.not-found .bottom-btn {
    margin-top: 5px;
    color: var(--primary);
}

.firma canvas {
    border: 1px dashed #aaa;
    border-radius: 10px;
    max-width: 100%;
}
.firma canvas:hover {
    cursor: url('../img/marker.png') 0 15, crosshair;
}
.pointer {
    cursor: pointer;
}
.pointer.loading {
    cursor: default;
    pointer-events: none;
}
.normal {
    font-weight: normal !important;
}
span.blue.d-block.small.mb-3.pointer.normal {
    margin-top: 10px;
}

.display {
    color: #666;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.display.success {
    text-align: center;
}
.display.success i {
    color: #8cc25e;
    font-size: 1.5rem;
}
.display.success span {
    display: block;
}
.display b.pointer {
    color: var(--primary);
}
.display > .d-inline-block {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(140, 194, 94, 0.2);
    padding: 8px;
    margin-bottom: 10px;
}

.download-arrow {
    background: white;
    position: fixed !important;
    height: 100px;
    width: 100px;
    z-index: 999999;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    font-size: 2.2rem;
    color: #666;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
}

.animStart {
    display: -webkit-box;
    display: flex;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-animation-name: slideInOut;
            animation-name: slideInOut;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}

@-webkit-keyframes slideInOut {
    0% {
        top: 40%;
        opacity: 0;
    }
    60% {
        top: 49%;
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        top: 50%;
        opacity: 0;
    }
}

@keyframes slideInOut {
    0% {
        top: 40%;
        opacity: 0;
    }
    60% {
        top: 49%;
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        top: 50%;
        opacity: 0;
    }
}

.acciones-masivas {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: end;
            justify-content: flex-end;
    font-size: .9rem;
    margin-bottom: 10px;
}

.acciones-masivas span {
    padding-right: 5px;
}

.acciones-masivas ul {
    display: -webkit-box;
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.acciones-masivas li {
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    line-height: .9rem;
    border: 1px solid;
    border-radius: 20px;
    padding: 5px 15px;
    color: white;
    width: 130px;
    text-align: center;
}

.acciones-masivas li.green {
    color: white !important;
    background: #8cc25e;
}
.acciones-masivas li.red {
    color: white !important;
    background: #fc4b6c;
}

.acciones-masivas li i {
    padding-right: 5px;
    font-size: .7rem;
}

/* .acciones-masivas li:not(:last-of-type) {
    padding-right: 15px;
    border-right: 1px solid #ccc;
} */

.input-container.disabled {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.input-container.disabled input,
.input-container.disabled textarea {
    background: #f5f5f5;
    border-color: #f5f5f5 !important;
    color: #777;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.input-container.disabled .autocomplete-container {
    background: #f5f5f5;
    cursor: auto;
    border-color: #f5f5f5;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.input-container.disabled label {
    background: transparent;
}

.input-container.disabled select {
    background: #f5f5f5;
    border-color: #f5f5f5 !important;
    color: #777;
    pointer-events: none;
}

.input-container.disabled select + label{
    background: transparent;
}
.input-container.disabled[_ngcontent-c1] input[_ngcontent-c1]:not(:placeholder-shown) + label[_ngcontent-c1],
.input-container.disabled input:not(:placeholder-shown) + label,
.input-container.disabled textarea:not(:placeholder-shown) + label {
    top: -10px;
    color: #777;
    padding: 0;
    left: 0;
}

.input-container.listed.disabled textarea {
    background: transparent;
}
.input-container.listed.disabled textarea + label {
    display: none;
}
.input-container.listed.disabled {
    margin-top: 0;
}

.disabled.listed + p {
    margin: 0;
    margin-bottom: 3px;
    padding-left: 50px;
    position: relative;
}

.disabled.listed + p::before {
    content: '';
    background: #444444;
    height: 6px;
    width: 6px;
    position: absolute;
    left: 20px;
    border-radius: 50%;
    top: 8px;
}

.right .input-container.disabled {
    margin-top: 30px;
}
.grecaptcha-badge {
    bottom: 60px !important;
}
li.disabled {
    pointer-events: none;
}

.no-items {
    height: 300px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.content-noticias .no-items {
    height: 270px;
}

.no-items i {
    font-size: 4rem;
    color: #777;
}
.no-items p {
    width: 100%;
    max-width: 300px;
    text-align: center;
    color: #666;
}
@media (min-width: 768px) {
    .no-items {
        height: 500px;
    }

    .content-noticias .no-items {
        height: 270px;
    }

    .box-landing .no-items {
        height: 75vh;
    }
}

@media (min-width: 768px) {
    .wizard.less-content .display {
        margin-top: 70px;
    }
}

.app-alert {
    position: fixed;
    z-index: 999999;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px;
    font-size: .95rem;
    box-shadow: 2px 2px 50px rgba(0,0,0,0.5);
}

.app-btn {
    font-weight: bold;
    text-transform: uppercase;
    background: var(--primary);
    color: white;
    border-radius: 5px;
    border: none;
    padding: 10px 15px;
    display: inline-block;
}

.close-alert {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: .9rem;
    color: white;
}




.btn-row {
    display: -webkit-box;
    display: flex;
    /* justify-content: stretch; */
}
.maker-items {
    padding: 10px;
    border: 1px dashed #999;
    border-radius: 4px;
    height: 700px;
    overflow-y: scroll;
}
.maker-items > span {
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 0;
    padding-left: 10px;
    /* background: var(--light-primary); */
    /* border-radius: 30px; */
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
}
.maker-items > span:not(:first-of-type) {
    margin-top: 20px;
}
.maker-items > span::after {
    content: '';
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 5px;
    width: 5px;
    background: var(--primary);
    position: absolute;
    border-radius: 50%;
}
/* .maker-items > span i {
    font-size: .8rem;
    transition: .3s;
    color: var(--primary);
}
.maker-items > span i.rotated {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
} */
.maker-btn {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: -webkit-grab;
    cursor: grab;
    color: #555;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.maker-btn:hover {
    background: #e9f4f9;
    border-color: #e9f4f9;
}
.maker-btn:last-of-type {
    margin-bottom: 0;
}
.maker-btn i {
    font-size: 1.5rem;
    padding-right: 10px;
    color: var(--primary);
    width: 40px;
}

.maker-display {
    height: 700px;
    overflow-y: scroll;
    padding-right: 10px;
    overflow-x: hidden;
}
.maker-display::-webkit-scrollbar {
    width: 7px;
}
.maker-display::-webkit-scrollbar-track {
    background: #eee; 
}
.maker-display::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.maker-display .fila {
    border: 1px dashed #999;
    min-height: 60px;
    padding: 7px 0;
    margin-bottom: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    border-radius: 5px;
    position: relative;
}

.maker-display .fila.hoverDrag {
    border-color: var(--primary);
    background: rgba(from var(--primary) r g b / .1);
}

.fila-actions {
    position: absolute;
    top: 100%;
    right: 0;
}

.copiar-fila {
    padding: 2px 8px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: var(--primary);
    border: 1px dashed var(--primary);
    border-top: none;
}

.copiar-fila.copied {
    border-color: #8cc25e;
    text-transform: uppercase;
    font-weight: bold;
}

.remover-fila {
    padding: 2px 8px;
    cursor: pointer;
    margin-right: 10px;
    /* background: #eee; */
    margin-top: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px dashed #fc4b6c;
    border-top: none;
}

.remover-fila:hover {
    color: #fc4b6c;
}

.pegarContenido {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    text-align: center;
    font-size: .6rem;
    background: #eee;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary);
}

.campo {
    font-size: .9rem;
    padding: 10px 15px;
    padding-right: 55px;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    /* border: 1px solid #eee; */
    margin: 0 10px;
    overflow: hidden;
    position: relative;
}
.campo.hoverDrag {
    border: 1px solid var(--primary);
}
.campo .remove {
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    color: #fc4b6c;
}

.campo .set {
    margin-left: 10px;
    margin-right: 15px;
    color: var(--primary);
    cursor: pointer;
    font-size: 1rem;
}

.campo .set:hover, .campo .remove:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1)
}

.campo .move {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    background: #eee;
    width: 40px;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: -webkit-grab;
    cursor: grab;
}

.campo .move img {
    height: 16px;
}

.no-fields {
    margin: 0 auto;
    padding: 0 10px;
}

.agregar-fila img, .agregar-fila svg {
    height: 9px;
    padding-left: 5px;
}

.agregar-fila svg > path {
    fill: var(--primary);
}

.agregar-fila span {
    display: inline-block;
    padding: 5px 15px;
    border: 1px dashed var(--primary);
    border-radius: 4px;
}

.settings {
    border: 1px solid #eee;
    padding: 10px;
}

.hover-slide {
    width: 0;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    white-space: nowrap;
    position: absolute;
    padding-left: 5px;
}

.remover-fila:hover .hover-slide {
    width: 90px;
    opacity: 1;
    position: static;
}

.remover-fila i {
    font-size: .8rem;
    padding-right: 1px;
    color: #fc4b6c;
}

.scrollY {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.scrollY::-webkit-scrollbar {
    width: 7px;
}
.scrollY::-webkit-scrollbar-track {
    background: transparent; 
}
.scrollY::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}


ul.totales {
    padding: 0;
    margin: 0;
    list-style-type: none;
    -webkit-column-count: 3;
            -moz-column-count: 3;
         column-count: 3;
}

.totales li {
    font-size: .95rem;
    margin: 5px 0;
    /* border: 1px solid #ddd; */
    padding: 0 10px;
    /* border-radius: 15px; */
}

.totales li:first-of-type {
    margin-top: 0;
}

.totales li span {
    display: inline-block;
    margin-right: 2px;
    font-weight: bold;
    font-size: 1rem;
}

/* .totales li:not(:last-of-type) {
    border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
} */

.totales li span.sent {
    color: #8cc25e;
}
.totales li span.off {
    color: #fc4b6c;
}
.totales li span.pending {
    color: #ebaa15;
}
.totales li span.signed {
    color: var(--primary);
}
.totales li span.rejected {
    color: #999;
}

.firma {
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.rotate {
    display: inline-block;
    -webkit-animation-name: rotate;
            animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}

.input-container.line {
    margin: 0 5px;
}
.input-container.line input, .input-container.line select {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-width: 2px;
    padding: 7px 0;
    min-height: unset;
}
.input-container.line label {
    padding-left: 0;
    left: 0;
    font-size: .7rem;
}

.input-container.line input:focus ~ label, .input-container.line ng-autocomplete.ng-valid ~ label {
    padding: 0;
    left: 0;
}
.input-container.line input:not(:placeholder-shown) ~ label {
    left: 0;
    padding: 0;
}
.input-container.line.d-inline-block {
    margin-bottom: 5px;
    width: 100%;
    max-width: 300px;
}
.input-container.line.d-inline-block input {
    padding: 5px 0;
    padding-top: 0;
    margin-bottom: 2px;
}
.input-container.line.d-inline-block input[type=number] {
    min-width: unset;
    width: 100px;
    padding: 5px 0;
    margin-bottom: 2px;
}
.input-container.line.d-inline-block select {
    padding: 5px 0;
    margin-bottom: 2px;
}
.input-container.line.d-inline-block input[disabled] {
    background: #eee;
    text-align: center;
}
.input-container.dashed input {
    padding: 10px 15px;
    min-height: unset;
    border: 1px dashed #ccc;
    margin-right: 10px;
}
.timeout {
    -webkit-box-align: end;
            align-items: flex-end;
}
.timeout-count {
    flex-shrink: 0;
    padding: 10px 7px;
    border: 1px solid #eee;
    background: #eee;
    font-weight: bold;
    border-radius: 3px;
    font-size: .9rem;
}
.timeout-count i {
    padding-right: 2px;
    color: var(--primary);
    font-size: .9rem;
}

.line-btn {
    white-space: nowrap;
    background: white;
    padding: 12px 15px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    color: var(--primary);
    cursor: pointer;
}
.timeout .line-btn {
    padding: 10px 7px;
}
.line-btn.disabled {
    border-color: #ccc;
    color: #ccc;
    cursor: auto;
    pointer-events: none;
}
.timeout .line-btn i {
    display: none;
}

@media (min-width: 562px) {
    .input-container.line input, .input-container.line select {
        padding: 10px 0;
    }
    .input-container.line input + label {
        font-size: .9rem;
    }
    .timeout-count {
        padding: 12px 15px;
        font-size: 1rem;
    }
    .timeout-count i {
        font-size: 1.2rem;
    }
    .timeout .line-btn {
        padding: 12px 15px;
    }
    .input-container.line {
        margin: 0 5px;
    }
    .timeout .line-btn i {
        display: inline-block;
    }
}

.firma .acciones {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.firma .legend {
    font-size: .9rem;
    margin-bottom: 30px;
}

.wizard.less-content .firma .display {
    margin-top: 30px;
}

.clear-signature {
    font-size: .9rem;
    max-width: 300px;
    padding: 3px 15px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 20px;
    background: #eee;
}

.clear-signature:hover {
    color: #fc4b6c;
}

.clear-signature i {
    font-size: .7rem;
    padding-right: 3px;
}

.firma .btn.btn-confirm {
    width: 190px;
}

.pointer-none {
    pointer-events: none !important;
}

.pointer-none canvas {
    border: none;
}

.display.success .upload-nav .small-loading {
    display: inline-block;
}

.display.success .upload-nav li.cargando{
    width: 125px;
}

.modal-body p {
    word-break: break-word;
}
.bs-chevron-down,
.bs-chevron-up {
    color: #444444;
    -webkit-transform: none;
            transform: none;
    top: 0;
}

/* .bs-chevron-down::after {
    content: "\e64b";
    font-family: 'Themify';
    position: absolute;
}

.bs-chevron-up::after {
    content: "\e648";
    font-family: 'Themify';
    position: absolute;
} */

.bs-timepicker-field {
    width: 40px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    min-height: unset;
}

form td button.btn {
    min-width: unset;
    border-radius: 3px;
    padding: 5px 10px;
    color: var(--primary);
    border: 1px solid;
    background: transparent;
}

td a.btn.btn-link {
    padding: 5px;
}

/* CALENDARIO */
.fc-button-primary {
    color: var(--primary) !important; /*#2B3F4F*/ 
    background-color: transparent !important;
    border-color: var(--primary) !important; /*#2B3F4F*/ 
    font-weight: 600 !important;
    font-size: 14px !important;
    filter: saturate(40%) brightness(70%) contrast(280%);
}

.fc-button-primary:hover {
    transition: 0.5s !important;
}

.fc-button-group > .fc-button:hover{
    color: var(--primary) !important; /*#2B3F4F*/ 
    background-color: transparent !important;
    border-color: var(--primary) !important; /*#2B3F4F*/ 
    font-weight: 600 !important;
    font-size: 14px !important;
    filter: saturate(40%) brightness(70%) contrast(280%);
}

.fc-button-active {
    color: #ffffff !important;
    background-color: var(--primary) !important; /*#2B3F4F*/ 
    border-color: var(--primary) !important; /*#2B3F4F*/ 
    font-weight: 600 !important;
    font-size: 14px !important;
    filter: saturate(40%) brightness(70%) contrast(280%);
}

.option-1 {
    color: #ebaa15;
}

.option-2 {
    color: var(--primary);
}

.option-3 {
    color: #8cc25e;
}

.option-4 {
    color: #ff5429;
}

.select-dot {
    margin-top: -5px !important;
}

.title-modal {
    font-size: 14px !important;
    color: #444 !important;
}

.title-modal.filtros {
    font-size: 14px !important;
    color: var(--primary) !important;
}

.title-filtros {
    font-weight: 600 !important;
}

.fc-icon-filters::before {
    content: url('../img/filter-calendario-azul.png') !important;
}

.fc-filters-button::before {
    content: url('../img/filter-calendario-azul.svg') !important;
    /*margin-right: 5px !important;*/
    background: var(--primary);
    -webkit-mask-image: url('../img/filter-calendario-azul.svg');
    mask-image: url('../img/filter-calendario-azul.svg');

}

/*.fc-filters-button {
    margin-right: 5px !important;
}*/

.fc-icon-chevron-left:before {
    content: url('../img/chevron-left-calendario-azul.png') !important;
}

.fc-icon-chevron-right:before {
    content: url('../img/chevron-right-calendario-azul.png') !important;
}

.fc-left h2::before {
    content: url('../img/calendar-calendario-azul.svg') !important;
    margin-right: 10px !important;
    background: var(--primary);
    -webkit-mask-image: url('../img/calendar-calendario-azul.svg');
    mask-image: url('../img/calendar-calendario-azul.svg');
}

.fc-icon{
    margin-top: -3px !important;
}

.fc-center h2 {
    text-transform: capitalize;
    font-size: 21px !important;
}

.fc-left h2 {
    text-transform: capitalize;
    font-size: 21px !important;
}

.calendario .fc-toolbar.fc-header-toolbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.calendario .fc-toolbar .fc-right {
    margin-left: auto;
}
.calendario .fc-toolbar h2 {
    text-transform: uppercase;
    font-size: 1rem;
    color: var(--primary);
}
.calendario .fc .fc-button-group>* {
    border: none;
    background: var(--primary);
    color: white;
    box-shadow: none;
    text-shadow: none;
}
.calendario button:focus {
    outline: none;
}
.calendario td.fc-head-container {
    border: none;
    border-bottom: 1px solid var(--primary);
}
.calendario .fc-unthemed th {
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
    border: none;
    padding: 5px 0;
    background: var(--primary);
    color: white;
}
.calendario .fc-unthemed th {
    border: none;
}
.calendario .fc td.fc-today {
    border-style: none;
    border: none;
    background: #fff5c3;
}
.calendario .fc-basic-view .fc-day-number {
    padding: 5px;
    font-size: .9rem;
}

.calendario .selected-date {
    position: relative;
}
.calendario .selected-date::after {
    content: "\e64c";
    font-family: 'Themify';
    position: absolute;
    height: 40px;
    width: 40px;
    font-size: 1.5rem;
    color: #8cc25e;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border: 2px solid;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.calendario .fc-bg td.fc-day {
    border: none;
    border-top: 1px solid #aaa;
    cursor: pointer;
}
.calendario td.fc-widget-content {
    border: none;
    border-bottom: 1px solid #aaa;
}

.calendario .fc-basic-view .fc-body .fc-row {
    min-height: unset;
}
.calendario .fc button {
    height: unset;
}
.calendario .fc-icon-right-single-arrow:after,
.calendario .fc-icon-left-single-arrow:after {
    font-size: unset;
}
/* CALENDARIO */

h2.form-title.fg {
    margin-bottom: 40px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary);
    padding-bottom: 20px;
}
.selection-label {
    display: block;
    margin-bottom: 15px;
    font-size: .9rem;
    font-weight: 600;
}
.section-title {
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5px 10px;
    background: #eee;
    font-size: 1.1rem;
}
.group-title {
    text-transform: uppercase;
    margin: 30px 0 10px;
    font-size: .95rem;
}
hr.divider {
    margin: -10px 0;
    border: 1px dashed #aaa;
}

.formulario-generado .input-container.radio, .formulario-generado .input-container.checkbox {
    border-radius: 3px;
    padding: 5px 10px;
    background: #f7f7f7;
}

span.smart-field {
    border: 1px solid #ccc;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 3px;
    font-size: .8rem;
    margin-top: 3px;
}

span.smart-field.disabled {
    background: #eee;
    border-color: #eee;
    color: #666;
}

.p-smart, .p-simple {
    text-align: justify;
    margin-bottom: 10px;
    margin-top: 0;
}

.p-smart span {
    vertical-align: bottom;
    line-height: 2rem;
}

.p-smart a {
    vertical-align: bottom;
    line-height: 2rem;
}

.p-smart span.disabled {
    padding: 2px 10px;
    font-weight: bold;
    color: #444;
}

.hora button.btn.btn-default {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--primary);
    border: 1px solid;
}

footer img, .sb-logo {
    width: 80px;
    height: auto;
}


.floating-btn {
    position: fixed;
    z-index: 3;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 280px;
    -webkit-transition: .3s;
    transition: .3s;
}

.floating-btn.opened {
    right: 0 !important;
}
/* .floating-btn .button-label i {
    display: block;
} */
.floating-btn:hover {
    right: -230px;
}
.floating-btn:hover i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.floating-btn .button-label {
    width: 100%;
    height: 50px;
    background: var(--primary);
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.4rem;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 10px;
}
.floating-btn .button-label i {
    -webkit-transition: .5s;
    transition: .5s;
}
.floating-btn .button-label.rotated i {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.floating-btn .button-label span {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}
.floating-list {
    background: rgba(0, 0, 0, .7);
    padding: 20px;
    margin: 0;
    list-style-type: none;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
    font-size: .9rem;
    position: static;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.floating-list li:not(:last-of-type) {
    margin-bottom: 10px;
}
.floating-list li i {
    padding-right: 5px;
}
.floating-list a {
    color: white;
}

/* Noticias */
.pagination-landing {
    font-size: 1rem !important;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext-noticia {
    visibility: hidden;
    width: 72px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    top: -30px;
    left: -13px;
    z-index: 1;
    font-size: 12px;
    transition: 0.1s;
}

.tooltip:hover .tooltiptext-noticia {
    visibility: visible;
}

.tooltip .tooltiptext-3 {
    visibility: hidden;
    width: 82px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: 1;
    font-size: 12px;
    transition: 0.1s;
}

.tooltip:hover .tooltiptext-3 {
    visibility: visible;
}

.tooltip .tooltiptext-2 {
    visibility: hidden;
    width: 75px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    top: -30px;
    left: -25px;
    z-index: 1;
    font-size: 12px;
    transition: 0.1s;
}

.tooltip:hover .tooltiptext-2 {
    visibility: visible;
}

.tooltip .tooltiptext-1 {
    visibility: hidden;
    width: 65px;
    background-color: #444444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    top: -30px;
    left: -20px;
    z-index: 1;
    font-size: 12px;
    transition: 0.1s;
}

.tooltip:hover .tooltiptext-1 {
    visibility: visible;
}

span.alert-li {
    position: relative;
    left: 0px;
    display: inline;
    font-size: .6rem;
    color: white;
    background: rgb(110 189 223);
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: -1px;
    margin-right: 10px;
    display: -webkit-box;
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: normal;
}

.link-menu {
    width: 300px;
    padding-right: 144px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.link-menu-a.show {
    background: #f0f0f0;
}

.botones-opinion {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    color: #ffffff !important;
}

.botones-opinion i {
    color: #ffffff !important;
}

.text-reaccion {
    font-size: 15px;
    color: #777;
}

.tab-group-dashboard .text-reaccion {
    font-size: 11px;
    color: #777;
}

.text-bienvenida {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.widget-5.card .text-bienvenida {
    font-size: 12px;
    line-height: 14px;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    font-weight: 500;
    text-align: left;
}

.text-bienvenida-principal {
    font-size: 15px !important;
    color: #000000 !important;
    text-align: left !important;
    line-height: 0px;
}

.text-bienvenida-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
}

.widget-5.card .text-bienvenida-title {
    font-size: 12px;
    line-height: 14px;
}

.icon-video-noticia {
    position: absolute;
    color: #f00 !important;
    top: 47%;
    left: 47%;
    z-index: 1;
    font-size: 80px !important;
    cursor: pointer;
}

.img-check-noticias {
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
}

.input-container.aviso-landing {
    display: flex;
    align-items: center;
    height: 67.1vh;
    text-align: center;
    justify-content: center;
}

.widget-5.card .input-container.aviso-landing {
    height: 150px;
}

.text-bienvenida-num {
    font-weight: 600;
    font-size: 30px;
    color: var(--primary) !important;
}

.title-principal {
    font-weight: 600 !important;
    font-size: 40px !important;
    color: var(--primary) !important;
    text-align: left !important;
    line-height: 38px !important;
}

.textarea-landing {
    height: auto;
}

.icon-principal {
    font-size: 50px;
}

img.foto-noticia {
    position: absolute;
    border-radius: 5px !important;
    top: 20px;
    border: none;
    overflow: hidden;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.widget-5.card img.foto-noticia {
    position: relative;
    top: 0px;
}

img.foto-noticia-info {
    position: relative;
    border-radius: 5px !important;
    top: 20px;
    left: 20px;
    border: none;
    overflow: hidden;
    object-fit: contain;
}

img.foto-noticia-info-1 {
    position: relative;
    border-radius: 10px !important;
    top: 15px;
    border: none;
    overflow: hidden;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.modal img.foto-noticia {
    position: static;
    width: auto;
}

img.foto-noticia-info {
    position: static;
    margin-right: 20px;
    width: auto;
}

.card.card-landing {
    background: rgba(from var(--primary) r g b / .15);
    padding: 20px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.help-box.card-landing {
    padding: 20px;
    border: 1px solid #000000 !important;
    border-radius: 5px;
    cursor: default;
    display: block;
    transition: .3s;
    height: 200%;
    max-width: 800px;
}

.tab-group-dashboard.noticias .card-info.card-info-landing {
    display: block !important;
    text-align: left !important;
    justify-content: center !important;
}

.btn.btn-sm.btn-pagination {
    padding: 13.5px 16.5px 13.5px 16.5px;
    font-size: .6rem;
    background: var(--primary);
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 3.5px;
    border-radius: 3.8px;
}

.btn.btn-sm.btn-pagination.disabled {
    padding: 13.5px 16.5px 13.5px 16.5px;
    font-size: .6rem;
    background: white;
    border: 1px solid var(--primary);
    margin-left: 8px;
    margin-top: 3.5px;
    border-radius: 3.8px;
    color: var(--primary);
    cursor: none;
}

.btn.btn-sm.btn-pestana {
    padding: 7px 12px 7px;
    font-size: .8rem;
    background: rgba(from var(--primary) r g b / .8);
    border: 0px solid var(--primary);
    margin-left: 10px;
}

.btn-call {
    /*margin-left: 22rem;*/
    margin-left: auto;
}

.widget-5.card .btn-call {
    display: flex;
    justify-content: right;
    margin-right: 7px;
}

.btn-call-resp {
    /*margin-left: 29rem;*/
    margin-left: auto;
}

.btn.btn-sm.btn-pestana-1 {
    padding: 5px 9px 5px;
    font-size: .7rem;
    background: rgb(110 189 223);
    border: 0px solid var(--primary);
    -webkit-box-pack: right;
    justify-content: right;
}

.btn-pestana-1:hover, .btn-success.disabled:hover {
    background: rgb(110 189 223, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(110 189 223, 0.2), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(110 189 223, 0.2) !important;
    border: 0px solid var(--primary) !important;
}

.btn.btn-sm.btn-pestana-noticias {
    padding: 5px 15px 5px 15px;
    font-size: .7rem;
    background: var(--primary);
    border: 0px solid var(--primary);
    -webkit-box-pack: right;
    font-weight: 600;
}

.widget-5.card .btn.btn-sm.btn-pestana-noticias {
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 500;
    background: #4DC87E;
    border: 0px solid #4DC87E;
    max-height: 20px;
}

.btn-pestana-noticias:hover, .btn-success.disabled:hover {
    background: rgb(110 189 223, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(110 189 223, 0.2), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(110 189 223, 0.2) !important;
    border: none;
}

.btn-pestana:hover, .btn-success.disabled:hover {
    background: var(--primary);
    box-shadow: 0 14px 26px -12px rgba(84, 174, 218, 0.2), 0 4px 23px 0 rgba(0, 0, 0, 0.1), 0 8px 10px -5px rgba(84, 174, 218, 0.2);
    border: 1px solid var(--primary);
}

.btn.btn-sm.btn-emoticones {
    padding: 7px 12px 7px;
    background: transparent !important;
    border: 0px solid var(--primary);
    box-shadow: 0 !important;
}

.btn-emoticones:hover {
    background: transparent !important;
    box-shadow: 0 !important;
    border: 0px solid var(--primary);
}

.help-box .btn .icon-emoticones {
    font-size: 1.3rem;
    padding-right: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.help-box .btn .icon-emoticones:hover {
    font-size: 1.5rem;
    padding-right: 0;
    color: #000;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.text-icon{
    display: block;
}

.scroll-box.box-landing {
    max-height: 690px;
    overflow-y: auto;
}

@media (min-width: 900px) {
    .scroll-box.box-landing {
        min-height: 477px;
    }
}
/* width */
.scroll-box.box-landing::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.scroll-box.box-landing::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
.scroll-box.box-landing::-webkit-scrollbar-thumb {
    background: #ddd; 
    opacity: .5;
}

/* Handle on hover */
.scroll-box.box-landing::-webkit-scrollbar-thumb:hover {
    background: #eee; 
}

.top-bar-news {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: white;
    box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.2);
    z-index: 4;
}

.extraBar .top-bar-news {
    box-shadow: none;
}

span.alert-landing {
    position: absolute;
    right: -8px;
    font-size: .6rem;
    color: white;
    background: #fc4b6c;
    border-radius: 50%;
    height: 18px;
    width: 0px;
    top: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-weight: normal;
}

.top-bar-news .logo {
    padding: 10px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.top-bar-news .logo img {
    max-width: 150px;
    max-height: 50px;
}

.top-bar-news .dropdown .drop-content {
    top: 100%;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.05);
    margin-top: 10px;
    left: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.top-bar-news .profile.dropdown .drop-content {
    right: 0;
    left: unset;
    margin-top: 0;
}

.top-bar-news .dropdown .drop-content .company-name {
    font-size: .9rem;
    margin-bottom: 10px;
}
.top-bar-news .dropdown .drop-content .company-role {
    display: block;
}
.top-bar-news .dropdown {
    margin-left: 10px;
}

.top-bar-news ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
}

.top-bar-news ul li a i {
    padding-right: 10px;
    font-size: 1rem;
    margin-left: 40px;
}

.top-bar-news .nested-ul {
    z-index: 9999;
}

.top-bar-news .administrativo > div > ul {
    padding: 0px 0;
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 0px;
    display: block;
}

.top-bar-news .administrativo ul li a {
    padding: 0px 0px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9rem;
    -webkit-transition: .3s;
    transition: .3s;
}
.top-bar-news .administrativo ul li a.active, .administrativo ul li.blue a {
    color: var(--primary);
}
.top-bar-news .administrativo ul li.active > a {
    color: var(--primary);
}

.top-bar-news .administrativo > div > ul > li.nested > a {
    padding-right: 0px;
    border-radius: 0px;
    margin: 0px;
    margin-top: 8px;
    pointer-events: none;
    padding-bottom: 20px;
}

.top-bar-news .administrativo > div > ul > li > a:hover {
    background: white;
    color: var(--primary);
}

.top-bar-news ul li.nested {
    position: relative;
    width: 300px;
    text-align: left;
    /* padding-right: 30px; */
    margin-left: -40px;
}

.top-bar-news li.nested::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 20px;
    -webkit-transform: translatey(-50%);
            transform: translatey(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #444 transparent transparent transparent;
    -webkit-transition: .3s;
    transition: .3s;
    display: none;
}

.top-bar-news .administrativo li.nested::after {
    border-color: var(--primary) transparent transparent transparent;
    display: none;
}

.top-bar-news .administrativo li.nested.blue::after {
    border-color: var(--primary) transparent transparent transparent;
    display: none;
}

.top-bar-news .archivo-personal li.nested:hover::after {
    border-color: var(--primary) transparent transparent transparent;
    display: none;
}

.top-bar-news .archivo-personal li.nested.blue > a {
    color: var(--primary);
    display: none;
}

.top-bar-news li.nested ul {
    /* display: -webkit-box; */
    /* display: flex; */
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; */
    display: block;
    background: #f0f0f0;
    width: 100%;
    color: #444;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 300px;
    z-index: 99;
    max-height: 460px;
    height: 460px;
    overflow-y: hidden;
}

.top-bar-news li.nested ul::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.top-bar-news li.nested ul::-webkit-scrollbar-track {
    background: #f5f5f5; 
}
.top-bar-news li.nested ul::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.top-bar-news li.nested ul li a {
    color: #444;
}

.top-bar-news .archivo-personal li.nested ul.slide.down {
    margin-top: 10px;
}

.top-bar-news li.nested ul li a {
    text-transform: none;
    font-weight: normal;
    padding: 20px 65px;
    width: 100%;
    font-size: .95rem;
}

.top-bar-news li.nested ul li a.active {
    color: var(--primary);
}

.top-bar-news li.nested ul li a:hover {
    background: rgba(from var(--primary) r g b / .1);
}

.top-bar-news .archivo-personal li.nested ul {
    position: absolute;
    box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.04);
    padding: 0 0 10px;
    right: 0;
}

.floating-btn-news {
    position: fixed;
    z-index: 3;
    margin-top: -100px !important;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 280px;
    -webkit-transition: .3s;
    transition: .3s;
}

.floating-btn-news.opened {
    right: 0 !important;
}
/* .floating-btn-news .button-label i {
    display: block;
} */
.floating-btn-news:hover {
    right: -230px;
}
.floating-btn-news:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.floating-btn-news .button-label {
    width: 100%;
    height: 50px;
    background: var(--primary);
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.4rem;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 12px;
}

.ti-noticia {
    content: url("../img/icono-noticias.png");
}
.floating-btn-news .button-label i {
    -webkit-transition: .5s;
    transition: .5s;
}
.floating-btn-news .button-label.rotated i {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
.floating-btn-news .button-label span {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
}

.floating-btn-news .button-label-alert {
    padding-left: 20px;
}

.hr-vertical {
    border:none;
    border-left: 1px solid hsla(200, 10%, 50%,0.5);
    height: 2vh;
    width: 1px; 
    margin: 0px;
}

.btn-comentario {
    color: #000000 !important;
    cursor: pointer;
}

.widget-5.card .btn-comentario {
    color: var(--primary) !important;
    font-size: 12px;
    line-height: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.widget-5.card .btn-comentario.link {
    font-size: 12px;
    line-height: 16px;
}

.btn-comentario:hover {
    color: var(--primary) !important;
    transition: 0.5s;
}
/* Noticias */

@media (min-width: 768px) {
    .floating-btn .button-label {
        font-size: 1.9rem;
    }
    .floating-btn {
        right: -230px;
    }
    .floating-btn:hover {
        right: -220px;
    }

    /*Noticias*/
    .floating-btn-news .button-label {
        font-size: 1.9rem;
    }
    .floating-btn-news {
        right: -230px;
    }
    .floating-btn-news:hover {
        right: -220px;
    }
    /*Noticias*/
}

@media (min-height: 550px) and (min-width: 991px){
    .scroll-box.box-landing {
        max-height: 390px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -50px;
        height: 550px;
    }
    img.foto-noticia {
        max-width: 510px;
        min-width: 510px;
        height: 14vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    .slide.down.modalNews {
        width: 630px;
    }
    .table-loading.loading-landing {
        min-height: 55vh;
    }
    .box-landing .no-items {
        height: 55vh;
    }
    .input-container.aviso-landing {
        height: 45.1vh;
    }
}

@media (min-height: 650px) and (min-width: 991px){
    .scroll-box.box-landing {
        max-height: 410px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -50px;
        height: 560px;
    }
    img.foto-noticia {
        max-width: 520px;
        min-width: 520px;
        height: 15vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    .slide.down.modalNews {
        width: 640px;
    }
    .table-loading.loading-landing {
        min-height: 60vh;
    }
    .box-landing .no-items {
        height: 60vh;
    }
    .input-container.aviso-landing {
        height: 50.1vh;
    }
}

@media (max-height: 749px) and (min-width: 991px) {
    .scroll-box.box-landing {
        min-height: 390px;
    }
}

@media (min-height: 750px) and (min-width: 991px) {
    .scroll-box.box-landing {
        max-height: 500px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -50px;
        height: 650px;
    }
    img.foto-noticia {
        max-width: 550px;
        min-width: 550px;
        height: 25vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    .slide.down.modalNews {
        width: 670px;
    }
    .table-loading.loading-landing {
        min-height: 65vh;
    }
    .box-landing .no-items {
        height: 65vh;
    }
    .input-container.aviso-landing {
        height: 55.1vh;
    }
}

/*@media (max-height: 850px) {
    .scroll-box.box-landing {
        max-height: 740px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -40px;
        height: 720px;
    }
    img.foto-noticia {
        max-width: 720px;
        min-width: 720px;
        height: 30vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
}*/

@media (min-height: 850px) and (min-width: 991px) {
    .scroll-box.box-landing {
        max-height: 600px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -50px;
        height: 750px;
    }
    img.foto-noticia {
        max-width: 550px;
        min-width: 550px;
        height: 34vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    .slide.down.modalNews {
        width: 670px;
    }
    .table-loading.loading-landing {
        min-height: 75vh;
    }
    .box-landing .no-items {
        height: 75vh;
    }
    .input-container.aviso-landing {
        height: 60.2vh;
    }
}

@media (min-height: 900px) and (min-width: 991px){
    .scroll-box.box-landing {
        max-height: 740px;
        overflow-y: auto;
    }
    .slide.down.modalNews {
        margin-top: -40px;
        height: 900px;
    }
    img.foto-noticia {
        max-width: 720px;
        min-width: 720px;
        height: 44vh !important;
        object-fit: cover !important;
    }
    .widget-5.card img.foto-noticia {
        max-width: 200px;
        min-width: 200px;
        height: 10vh !important;
    }
    .slide.down.modalNews {
        width: 850px;
    }
    .input-container.aviso-landing {
        height: 67.5vh;
    }
}

.comas span:not(:last-of-type)::after {
    content: ',';
}



ul.req-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1rem;
    font-weight: normal;
    margin-top: 10px;
}
ul.req-list li {
    margin-bottom: 5px;
}
ul.req-list li.error span {
    color: white;
    background: #fc4b6c;
}
ul.req-list li.success span {
    color: white;
    background: #8cc25e;
}
ul.req-list li span::after {
    font-family: 'Themify';
    font-size: .7rem;
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
}
ul.req-list li.success span::after {
    content: "\e64c";
}
ul.req-list li.error span::after {
    content: "\e646";
}
ul.req-list li span {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ccc;
    margin-right: 10px;
    position: relative;
}
.rem1 {
    font-size: 1rem !important;
}



.table-scroller {
    width: 100%;
    overflow-x: scroll;
}
.table-scroller::-webkit-scrollbar {
    height: 7px;
}
.table-scroller::-webkit-scrollbar-track {
    background: #ddd; 
}
.table-scroller::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}
.docs-table {
    width: 100%;
    text-align: left;
    min-width: 400px;
}

table.docs-table tr th {
    padding: 10px 0;
    border-bottom: 1px solid var(--primary);
    text-transform: uppercase;
    font-size: .9rem;
    color: var(--primary);
}

table.docs-table tr td {
    padding: 10px 0;
}

table.docs-table tr:not(:last-of-type) td {
    border-bottom: 1px solid #ccc;
}   

.modal-formulario {
    width: 100%;
    max-width: 1200px;
}

.form-scroller {
    height: 65vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 20px;
}
.form-scroller::-webkit-scrollbar {
    width: 7px;
}
.form-scroller::-webkit-scrollbar-track {
    background: #ddd; 
}
.form-scroller::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.cuenta-logo img {
    height: 100px;
}

.aviso-contrasena {
    color: #666666;
    text-transform: uppercase;
    font-size: .9rem;
}

.preview-img {
    width: 200px;
    border: 3px solid #ddd;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    background: #f1f1f1;
}

.preview-img img {
    width: 100%;
    height: 250px;
    display: block;
    object-fit: contain;
}

.file-preview {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}

.error.file-preview .empty {
    border-color: #fc4b6c;
}

.preview-img .remove {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(0,0,0,0.8);
    color: white;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: .5rem;
    cursor: pointer;
}

.file-preview .empty {
    height: 150px;
    width: 200px;
    background: #f8f8f8;
    border: 3px solid #ddd;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 2rem;
    color: #ccc;
}

.file-preview .file-info {
    margin-top: 10px;
    word-break: break-word;
}

span.alert {
    position: absolute;
    right: -8px;
    font-size: .6rem;
    color: white;
    background: #fc4b6c;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    top: -8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-weight: normal;
}

span.alert-landing {
    position: absolute;
    right: 0px;
    left: 28px;
    font-size: .6rem;
    color: white;
    background: #fc4b6c;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    top: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-weight: normal;
}

span.alert-landing-title {
    position: absolute;
    right: 0px;
    left: 48.5%;
    font-size: .6rem;
    color: white;
    background: #fc4b6c;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    top: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-weight: normal;
}

.centered-box {
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.centered-box span.small.d-inline-block.mt-5 {
    margin-top: 100px !important;
}

tr.ng-star-inserted.odd.disabled {
    color: #aaa;
    background: #f5f5f5;
}

tr.ng-star-inserted.odd.disabled a {
    color: #aaa;
}

img.finger-print {
    width: 30px;
    cursor: pointer;
}

button.btn.btn-confirm.sm {
    padding: 8px 18px;
    font-weight: normal;
    text-transform: none;
}
button.btn.btn-green.sm {
    padding: 8px 18px;
    font-weight: normal;
    text-transform: none;
}

.m-actions {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.cupon .redeem.procesando {
    background: #ebaa15;
    border: 1px solid #ebaa15;
    border-color: #ebaa15;
    color: #8a640e;
}

.cupon:not(.disabled) .redeem.procesando:hover {
    background: #ebaa15;
    border-color: #ebaa15;
}

.cupon .rejected {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    background: #fc4b6c;
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
    border-radius: 50%;
    padding: 2px 0;
    cursor: pointer;
}

.cupon .anulado {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    background: #fc834b;
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
    border-radius: 50%;
    padding: 2px 0;
    cursor: pointer;
}

.modal blockquote {
    background: #eee;
    padding: 20px;
    font-size: .9rem;
    font-weight: normal;
    text-align: justify;
    border-left: 4px solid #aaa;
}








.cupon-grid img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dashed var(--primary);
}

.cupon-grid.noticia-grid img {
    width: 100%;
    height: 202px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 9.5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0px dashed var(--primary);
}


.cupon {
    background: white;
    border-radius: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

.cupon.noticia {
    background: white;
    border-radius: 9.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    text-align: center;
    position: relative;
    box-shadow: none;
    margin-bottom: 0px;
    border: 2px solid #DDDDDD;
}

.cupon .content {
    font-size: .9rem;
    padding: 20px 20px 0;
}

.cupon .cupon-actions {
    padding: 0 20px 20px;
}

.cupon .title {
    text-transform: uppercase;
    color: var(--primary);
}

.cupon.text-left .title {
    text-transform: uppercase;
    color: var(--primary);
    font-size: 18px;
}

.cupon.text-left .title-estado {
    text-transform: uppercase;
    color: #B6B6B6;
    font-size: 18px;
}

.cupon p {
    margin-top: 5px;
}

.cupon .redeem {
    display: block;
    padding: 10px 20px;
    border: 1px solid var(--primary);
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8rem;
    border-radius: 40px;
    margin-top: auto;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    margin: auto 20px 20px;
}

.cupon:not(.disabled) .redeem:hover {
    background: var(--primary);
    color: white;
}

.cupon.disabled {
    color: #bbb;
    background: #f6f6f6;
    border: 5px solid #8cc25e;
    position: relative;
}

.cupon.rejected {
    border: 5px solid #fc4b6c;
}

.cupon.anulado {
    border: 5px solid #fc834b;
}

.cupon.disabled:hover::after {
    display: none;
}

.cupon.disabled::after {
    font-family: 'Themify';
    content: "\e64c";
    top: 0;
    left: 0;
    height: 150px;
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 5rem;
    width: 100%;
    color: #8cc25e;
}

.cupon.disabled .title {
    opacity: .5;
}

.cupon.disabled img {
    opacity: .15;
}

.cupon.disabled:not(.indi) .redeem {
    color: #bbb;
    border-color: #bbb;
    pointer-events: none;
}

.cupon.disabled.indi .cupon-detalle {
    z-index: 9;
}

.redeemed-overlay {
    position: absolute;
    top: 20px;
    left: 0;
    color: #444;
    opacity: 0;
    padding: 0 20px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}

.cupon.disabled:hover .redeemed-overlay {
    opacity: 1;
}

.redeemed-overlay i {
    font-size: 3rem;
}

.cupon-actions i {
    display: inline-block;
    background: gainsboro;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    padding: 5px;
    text-align: center;
    font-size: .9rem;
    color: white;
    cursor: pointer;
}

.cupon-actions i.i-noticia {
    display: inline-block;
    background: gainsboro;
    border-radius: 50%;
    height: 34px;
    width: 34px;
    padding: 10px;
    text-align: center;
    font-size: .9rem;
    color: white;
    cursor: pointer;
}

.cupon-actions i:not(:first-of-type) {
    margin-left: 5px;
}

.cupon-actions i.info { background: #ebaa15; }
.cupon-actions i.success { background: var(--primary); }
.cupon-actions i.error { background: #fc4b6c; }
.cupon-actions i.danger { background: white; border: 1px solid #fc4b6c; color: #fc4b6c; }

.cupon.agotado {
    background: #e9e9e9;
}

.cupon.agotado img {
    opacity: .3;
}

.cupon.agotado-mant {
    background: #d5e7f0;
}

.cupon.agotado-mant img {
    opacity: 1;
}

@media (min-width: 600px) {
    .cupon-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .cupon {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .cupon-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1600px) {
    .double-row-dashboard {
        display: grid;
        grid-template-columns: auto 406px;
        gap: 40px;
    }
}

@media (min-width: 1281px) {
    .double-row-dashboard {
        display: grid;
        grid-template-columns: auto 28.195vw;
        gap: 40px;
    }
    .double-row-solicitud {
        margin-top: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0px 45px 50px 45px;
    }
}

@media (min-width: 1200px) {
    .cupon-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1400px) {
    .cupon-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .cupon-grid.noticia-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}



.position-absolute.input {
    position: absolute;
    background: white;
    width: 100%;
    z-index: 9;
    top: 0;
}

span.rm-input {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: .7rem;
    background: #fc4b6c;
    border-radius: 50%;
    display: block;
    height: 20px;
    width: 20px;
    color: white;
    padding: 3px;
    text-align: center;
    cursor: pointer;
}

span.rm-input.disabled {
    pointer-events: none;
    background: #ddd;
}

button.icon-btn {
    display: inline-block;
    height: 30px;
    width: 30px;
    padding: 0;
}

button.icon-btn:not(:first-of-type) {
    margin-left: 5px;
}

td span.disabled {
    color: #aaa;
}

td.week {
    color: #aaa;
}

.cupon-detalle {
    text-transform: uppercase;
    font-size: .8rem;
    margin-bottom: 20px;
    cursor: pointer;
    background: white;
    position: absolute;
    right: 20px;
    top: 110px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    padding: 4px 0;
    text-align: center;
    color: white;
    background: var(--primary);
}

/* .cupon-detalle i {
    margin-left: 5px;
} */









bs-datepicker-container, bs-daterangepicker-container {
    z-index: 999999999999;
}

.modal-cupon {
    width: 100%;
    max-width: 900px;
}

.modal-cupon .header .title, 
.modal-manual .header .title {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: var(--primary);
}

.modal-cupon .header .title-estado {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #B6B6B6;
}

.modal-cupon .header .subtitle,
.modal-manual .header .subtitle {
    font-size: .85rem;
    color: #666;
    font-weight: normal;
}

.modal.modal-cupon .modal-body {
    font-size: 1rem;
    font-weight: normal;
}

.rev-field .estado i {
    color: white;
}

/* .autocomplete-container .not-found {
    z-index: 99;
    position: relative;
} */

.card .dataTables_paginate.paging_simple_numbers {
    margin-left: auto;
}

.d-flex .file-preview .pointer {
    width: 100%;
    max-width: 200px;
}




/*
   server-side-angular-way.component.css
*/
.server-side .no-data-available {
    text-align: center;
  }
  
  /*
     src/styles.css (i.e. your global style)
  */
  .server-side .dataTables_empty {
    display: none;
  }



  .ad-login > a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .9rem;
    background: #000091;
    padding: 20px 25px;
    border-radius: 3px;
    -webkit-transition: .3s;
    transition: .3s;
}

.ad-login > a:hover {
    background: #6f166f;
}

.ad-login > p {
    margin-bottom: 30px;
}

.range {
    width: 100%;
    max-width: 710px;
}

.range .bs-datepicker {
    margin-bottom: 0;
}

.acciones-masivas li.green.disabled, .acciones-masivas li.red.disabled {
    background: #ddd;
    color: #aaa !important;
    border-color: #ddd;
    cursor: auto;
}

.smart-field .small {
    font-size: .8rem;
}

.code-block {
    font-size: .8rem;
    max-height: 300px;
    overflow: auto;
    font-weight: normal;
    background: #eee;
    padding: 5px;
    margin-top: 30px;
}

.modal-body .input-container {
    font-size: 1rem;
    font-weight: normal;
}

li.filter-textbox input {
    min-height: 30px;
}




table.ng-tb {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table.ng-tb thead tr {
    background: var(--primary);
    color: white;
    text-transform: uppercase;
    font-size: .9rem;
}

table.ng-tb thead tr th:first-of-type {
    border-top-left-radius: 10px;
}

table.ng-tb thead tr th:last-of-type {
    border-top-right-radius: 10px;
}

table.ng-tb td, 
table.ng-tb th {
    padding: 10px;
}

table.ng-tb tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #eee;
}

table.ng-tb th.email {
    word-break: break-all;
}

table.ng-tb th.checkbox {
    width: 30px;
}

table.ng-tb th.icon {
    width: 80px;
    /* text-align: center; */
}




.inner {
    height: 500px;
    overflow: auto;
}

.inner::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.inner::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.inner::-webkit-scrollbar-track {
    background: #ddd;
}






.tb-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #eee;
    padding-top: 20px;
}





.pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.page-nav {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

.page-nav.number {
    padding: 10px;
    font-weight: bold;
}

.page-nav.number.current {
    background: var(--primary);
    display: -webkit-box;
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: white;
    padding: 0;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.page-nav.disabled {
    color: #aaa;
    cursor: default;
    pointer-events: none;
}



span.tooltip-hover {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    margin-right: 10px;
}

span.hover-title {
    position: absolute;
    font-size: .9rem;
    font-weight: normal;
    width: 200px;
    left: 0;
    bottom: 100%;
    background: white;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	display: none;
}

span.tooltip-hover:hover span.hover-title {
    display: block;
}

span.pointer.hover-pointer {
    position: absolute;
    font-size: .6rem;
    display: block;
    height: 18px;
    width: 18px;
    background: var(--primary);
    color: white;
    border-radius: 50%;
    padding: 2px;
    top: 0;
    right: 0;
}

img.foto-autor {
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 5px;
    top: 20px;
    left: 20px;
    border: none;
    overflow: hidden;
    object-fit: contain;
}

img.foto-autor-landing {
    position: relative;
    height: 70px;
    width: 70px;
    border-radius: 5px;
    top: 0px;
    left: 0px;
    margin-right: 20px;
    border: none;
    overflow: hidden;
    object-fit: contain;
}

img.foto-autor-landing {
    position: static;
    margin-right: 20px;
    width: auto;
}

.modal img.foto-autor {
    position: static;
    margin-right: 20px;
    width: auto;
}

.input-container.disabled.radio label,
.input-container.disabled.checkbox label {
    color: #999;
}

.disabled.checkbox label span, .disabled.radio label span {
    border-color: #999;
}

.disabled.radio input:checked ~ span::after {
    background-color: #999;
}





li span.categoria {
    background: rgba(from var(--primary) r g b / .3);
    border: 1px solid var(--primary);
    border-radius: 20px;
    padding: 20px 15px;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

li span.categoria + ul {
    padding: 0;
    display: none;
}

li.opened span.categoria + ul {
    display: block;
}

li span.categoria + ul > li:last-of-type span.tree-item {
    border-bottom: none;
}

li span.categoria span.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #444 transparent transparent transparent;
    transition: .3s;
}

li.opened span.categoria span.arrow {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #007bff transparent;
}


li span.subcategoria {
    background: #eeeeee;
    border-radius: 20px;
    padding: 3px 15px;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

li span.subcategoria + ul {
    padding: 0;
    display: none;
}

li.opened span.subcategoria + ul {
    display: block;
}

li span.subcategoria + ul > li:last-of-type span.tree-item {
    border-bottom: none;
}

li span.subcategoria span.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #007bff transparent transparent transparent;
    transition: .3s;
}

li.opened span.subcategoria span.arrow {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #007bff transparent;
}

table.dataTable tbody tr.tr-red {
    background: rgba(252, 75, 108, .15);
}

table.dataTable tbody tr.tr-green {
    background: rgba(from var(--primary) r g b / .15);
}






.help-grid-box {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.help-grid-box.results {
    justify-content: unset;
}
.help-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    /* margin-top: auto; */
}
.help-grid-title {
    text-align: center;
    text-transform: uppercase;
    color: var(--primary);
    background: #eee;
    padding: 5px;
    border-radius: 50px;
}
.help-item {
    width: 100%;
    margin: 2px 0;
}
@media (min-width: 562px) {
    .help-item {
        width: 50%;
        padding: 10px;
        margin: 0;
    }
}
@media (min-width: 768px) {
    .help-item {
        width: 33.33%;
    }
}

.help-grid-box.results .help-item {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}
.help-box {
    padding: 20px;
    border: 1px solid gainsboro;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    transition: .3s;
    height: 100%;
}
.results .help-box {
    padding: 10px 20px;
}
.inicial .help-box {
    display: block;
    text-align: center;
}
.help-box:hover {
    background: var(--light-primary-d); /*#e0eff6*/
    border-color: #dd160f;
}
.help-icon-container {
    width: 60px;
}
.inicial .help-icon-container {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
.help-box i {
    font-size: 2.5rem;
    color: #ffffff;
}
.widget-5.card .help-box i {
    font-size: 30px;
}
.help-grid:not(.inicial) .help-box i {
    padding-right: 15px;
}

.help-box .icon-landing {
    font-size: .85rem !important;
    color: #666;
}

.icon-landing {
    margin-right: 6px;
}

.help-grid:not(.inicial) .help-box .icon-landing {
    padding-right: 15px;
}

.help-box .title {
    font-weight: normal;
}
.results .help-box .title {
    font-weight: bold;
}
.help-box .subtitle {
    font-weight: normal;
    font-size: .8rem;
    margin-top: 5px;
}
.help-breadcrumbs {
    font-size: .8rem;
    font-weight: bold;
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 20px;
}
.help-breadcrumbs span {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    transition: .3s;
}
.help-breadcrumbs span:not(:last-of-type) {
    cursor: pointer;
}
.help-breadcrumbs span:not(:last-of-type):hover {
    color: var(--primary);
}
.help-breadcrumbs span:not(:last-of-type)::after {
    font-family: 'themify';
    font-weight: normal;
    content: "\e649";
    margin-right: 5px;
    font-size: .7rem;
}
.help-breadcrumbs span:last-of-type {
    pointer-events: none;
}
.help-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.help-list ul li {
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: .3s;
    display: flex;
    align-items: center;
}
.help-list ul li .icon {
    margin-right: 10px;
    font-size: 2rem;
    color: var(--primary);
}
.help-list ul li:hover {
    background: var(--light-primary-d); /*#e0eff6*/
    border-color: var(--light-primary-d); /*#e0eff6*/
}
.help-list ul li .title {
    text-transform: uppercase;
    font-size: .9rem;
}
.help-list ul li p {
    margin: 0;
    font-size: .8rem;
}
.help-box .btn i {
    font-size: .9rem;
    padding-right: 0;
}
.help-box .btn:hover {
    color: white;
    border-color: var(--primary);
    background: var(--primary);
}
.help-box .btn:hover i {
    color: white;
}
.help-title {
    width: 100%;
}
.modal-manual {
    width: 1200px;
}
.modal.modal-manual .modal-box {
    /* height: 380px; */
    max-height: 70vh;
}
.modal.modal-manual .modal-box .modal-body {
    font-size: .9rem;
    font-weight: normal;
    margin-right: 10px;
    text-align: justify;
}
.modal-manual img {
    max-width: 80%;
    /* border: 1px solid gainsboro; */
    margin: 0 auto;
    display: block;
}
.modal-manual .video-container iframe {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}
.card-button input {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 0 10px;
    min-height: unset;
    width: unset;
    transition: .3s;
}
.card-button input.hide {
    width: 0;
    padding: 0;
}
span.mini-nav {
    font-size: .8rem;
}

span.mini-nav > span {
    display: inline-block;
    transition: .3s;
}

span.mini-nav > span:hover {
    color: var(--primary);
}

span.mini-nav > span:not(:last-of-type)::after {
    font-family: 'themify';
    font-weight: normal;
    content: "\e649";
    margin-right: 5px;
    font-size: .5rem;
}

.help-nav button {
    min-width: 200px;
    margin-bottom: 10px;
}

.help-nav button:not(:last-of-type) {
    margin-right: 10px;
}

.help-nav button i {
    padding: 0;
    font-size: .7rem;
}





.c-list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 3px;
}





.mega-container .autocomplete-container {
    box-shadow: none;
}

.mega-container .autocomplete-container .input-container input {
    border: 1px solid #ddd;
}






.multiselect-dropdown .dropdown-btn {
    max-height: 100px;
    overflow-y: scroll;
}

.modal form .dropdown-list ul {
    max-height: 160px !important;
}

.multiselect-dropdown .dropdown-btn::-webkit-scrollbar {
    width: 5px;
}
.multiselect-dropdown .dropdown-btn::-webkit-scrollbar-track {
    background: #f5f5f5; 
}
.multiselect-dropdown .dropdown-btn::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}





.solicitudes-de-carga .documento {
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .3s;
}

.solicitudes-de-carga .documento.rechazado {
    border: 1px solid #fc4b6c;
}

.solicitudes-de-carga .documento.rechazado .doc-nombre {
    color: #fc4b6c;
}

.solicitudes-de-carga .documento .doc-nombre {
    color: var(--primary);
    text-transform: uppercase;
}

.solicitudes-de-carga .documento .doc-icon i {
    color: white;
    height: 35px;
    width: 35px;
    background: var(--primary);
    border-radius: 50%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.solicitudes-de-carga .documento:not(.disabled):not(.rechazado):hover {
    border-color: var(--primary);
}

.solicitudes-de-carga .documento:not(.disabled):hover .doc-icon i {
    box-shadow: 1px 1px 5px var(--primary);
    transform: rotate(360deg);
}

.solicitudes-de-carga .documento.disabled {
    background: #f1f1f1;
    border-color: transparent;
}

.solicitudes-de-carga .documento.disabled .doc-nombre {
    color: #999;
}

.solicitudes-de-carga .documento.disabled .doc-icon i {
    background: #f7dda1;
    color: #444;
}




.radio-tags {
    display: flex;
}

.radio-tag {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    transition: .3s;
}

.radio-tag:first-of-type {
    margin-right: 10px;
}

.radio-tag:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.tag-name {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: .9rem;
}

.tag-name::before {
    content: '';
    height: 20px;
    width: 20px;
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 50%;
    margin-right: 20px;
}

.radio-tag:hover .tag-name::before {
    border-color: var(--primary);
}






.storage-info {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    /* max-width: 200px; */
}
.storage-info.borderless {
    border: none;
    padding: 0;
    text-align: right;
}

.storage-bar {
    width: 100%;
    /* max-width: 350px; */
    background: #e1e2e3;
    display: block;
    height: 10px;
    position: relative;
    border-radius: 5px;
    margin: 10px 0 5px;
    overflow: hidden;
}

.storage-bar .used {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    background: #8cc25e;
    height: 100%;
    padding: 1px;
    max-width: 100%;
}






.info-text {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 auto;
    border: 1px solid #fc4b6c;
    border-radius: 3px;
    font-size: .9rem;
}



table.restraints,
table.info:not(.ng-tb):not(.dataTable) {
    font-size: .8rem;
    text-align: left;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
}

table.restraints th,
tbody table.info th {
    font-weight: normal;
    color: var(--primary);
}

table.restraints th,
table.restraints td,
tbody table.info th,
tbody table.info td {
    border: 1px solid #ddd;
    padding: 3px 5px;
}

table.restraints .red th {
    color: #fc4b6c;
}

table.restraints thead th,
table.info:not(.ng-tb):not(.dataTable) thead th {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.info-container {
    overflow-x: scroll;
}
.info-container::-webkit-scrollbar {
    height: 5px;
}
.info-container::-webkit-scrollbar-thumb {
    background: var(--primary);
}







/* .tipo-de-carga {
    
} */
.tipo-de-carga .selection-label {
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 5px;
}


.body-picker bs-datepicker-container {
    transform: none !important;
    position: fixed !important;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}



.default-select {
    text-align: right;
    margin-top: -18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 3px 10px;
    border-radius: 5px;
}




.type-navigation {
    display: grid;
    grid-gap: 10px;
}
.type-navigation .type {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
    transition: .3s;
    cursor: pointer;
}
.type-navigation .type:hover {
    border-color: var(--primary);
}
@media (min-width: 768px) {
    .type-navigation {
        grid-template-columns: 1fr 1fr;
    }
    .type-navigation .type.full {
        grid-column: 1 / 3;
    }
    img.foto-noticia-info-1 {
        width: 650px;
    }
}
/* .type-navigation .type.checked {
    border-color: var(--primary);
} */
.type-navigation .type .title {
    color: var(--primary);
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
.type-navigation .type .title .check {
    width: 30px;
    height: 30px;
    background: #f1f2f1;
    border-radius: 50%;
    border: 3px solid #ddd;
    transition: .3s;
    position: relative;
}
.type-navigation .type:hover .title .check {
    border-color: var(--primary);
}
.type-navigation .type .title .check.checked {
    background: var(--primary);
    border-color: var(--primary);
}
.type-navigation .type .title .check.checked::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 25px;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
}





.inst-box {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
ul.inst {
    margin-bottom: 0;
    padding-left: 20px;
}
.naming-example {
    margin-top: 5px;
}
span.field {
    display: inline-block;
    background: rgb(45 148 192 / .1);
    padding: 5px 8px;
    border-radius: 3px;
}
span.field label {
    display: block;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: bold;
}
.naming-example .sample {
    margin-top: 10px;
}





.input-container.dashed {
    margin-bottom: 0;
}
ul.type-doc-list {
    padding: 0;
}
ul.type-doc-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
ul.type-doc-list li:last-of-type {
    border-bottom: none;
}
.type-doc-list li input {
    width: 300px;
    border-bottom: 0;
}
.type-doc-list li .input-container {
    display: flex;
    align-items: center;
}



.autocomplete-container .suggestions-container {
    text-align: left;
}


.input-container.auto-complete {
    z-index: 9999;
}




.hide-app-alert .app-alert {
    display: none;
}




.add-pr {
    margin: 5px 0;
}
.pr {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px 8px;
    margin: 5px;
    display: inline-block;
}
.rm-pr {
    color: #fc4b6c;
    font-size: .7rem;
    display: inline-block;
    cursor: pointer;
}




table.info:not(.ng-tb):not(.dataTable) {
    font-size: .9rem;
}
table.info:not(.ng-tb):not(.dataTable) th {
    width: 120px;
}






.candidatos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.votacion .candidato {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    cursor: pointer;
    transition: .3s;
}

.votacion .candidato.not-checked {
    opacity: .6;
}

.votacion .candidato:hover {
    opacity: 1;
}

.votacion .candidato img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
    display: block;
    border: 1px solid #eee;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.votacion .candidato .blank {
    height: 250px;
    background: #eee;
}

.votacion .candidato .body {
    padding: 20px;
    text-align: center;
    border: 3px dashed #ddd;
    border-top: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    transition: .3s;
    background: white;
}

.votacion .candidato.checked .body,
.votacion .candidato:hover .body {
    border: 3px solid var(--primary);
    border-top: none;
}

.votacion .candidato .body .title {
    text-transform: uppercase;
    color: var(--primary);
}

.votacion .candidato .body .subtitle {
    text-transform: uppercase;
    font-weight: normal;
}


.voto .check {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    border: 3px solid #ddd;
    transition: .3s;
    position: absolute;
    top: 20px;
    right: 20px;
}
.voto:hover .check {
    border-color: var(--primary);
}
.voto .check.checked {
    background: var(--primary);
    border-color: var(--primary);
}
.voto .check.checked::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 35px;
    width: 35px;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}

.votacion.confirmacion .voto {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}






.ca-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    /* grid-auto-rows: minmax(330px, auto); */
}

@media (min-width: 768px) {
    .ca-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 992px) {
    .ca-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.ca-block {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.ca-block .ca-actions {
    position: absolute;
    top: 20px;
    right: 20px;
}

.ca-actions .btn-edit,
.ca-actions .btn-remove {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin-left: 10px;
    color: white;
    border: none;
}

.ca-actions .btn-edit { background: var(--primary); }
.ca-actions .btn-remove { background: #fc4b6c; }

.ca-block.plus {
    border-radius: 20px;
    border: 3px dashed #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 330px;
}
.ca-block.plus i {
    font-size: 2rem;
    color: var(--primary);
}

.ca-block img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    border: 1px solid #eee;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.ca-block .blank {
    height: 250px;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: #ccc;
}

.ca-text {
    padding: 20px;
    border: 3px dashed #ddd;
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.b-title,
.b-subtitle {
    font-weight: normal;
}






.news-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.hour-row-container {
    display: flex;
    flex-wrap: wrap;
}

.hour-row {
    display: flex;
    width: 100%;
}

.hour-row .input-container:first-child {
    width: 100%;
    margin-right: 10px;
}
.hour-row .input-container:nth-child(2) {
    width: 150px;
}

@media (min-width: 562px) {
    .hour-row-container {
        flex-wrap: nowrap;
    }
    .hour-row-container .hour-row:nth-child(2) {
        margin-left: 20px;
    }
}






.c-pic {
    height: 40px;
    width: 40px !important;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #ddd;
}






.display.success.full-height {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
}






.formulario-generado .input-container.checkbox label, 
.formulario-generado .input-container.radio label {
    white-space: normal;
    display: inline-block;
    transform: none;
}

/* .formulario-generado .input-container.checkbox .selection-label {
    min-height: 30px;
} */



.input-container.checkbox.lista-checkbox {
    background: transparent;
    padding: 0;
}

.input-container.checkbox.lista-checkbox label {
    display: block;
}




.expired-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.expired-list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #eee;
}

.expired-list li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}








.scroll-box {
    max-height: 400px;
    overflow-y: auto;
}

.medidasFirmaHolografa{
    width: 200px;
    height: 200px;
}

.color-picker .box {
    height: 100% !important;
    width: 100% !important;
}
  
.box {
    height: 20px;
    width: 20px;
    margin-bottom: 15px;
    margin: 0;
    padding: 0;
  }
  
  .redi {
    background-color: #fc4b6c !important;
  }
  
  .greeni {
    background-color: #8cc25e !important;
  }
  
  .bluei {
    background-color: var(--primary) !important;
  }
  .yellowi {
    background-color: #ebaa15 !important;
}

.floating-btn-capacitacion {
    position: fixed;
    z-index: 3;
    margin-top: -150.5px !important;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 280px;
    -webkit-transition: .3s;
    transition: .3s;
}

.floating-btn-capacitacion.opened {
    right: 0 !important;
}

.floating-btn-capacitacion:hover {
    right: -260px;
}
.floating-btn-capacitacion:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.floating-btn-capacitacion .button-label {
    width: 100%;
    height: 50px;
    background: var(--primary);
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.4rem;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 10px;
}

/*ayuda*/
.floating-btn-ayuda {
    position: fixed;
    z-index: 3;
    margin-top: 2px !important;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 280px;
    -webkit-transition: .3s;
    transition: .3s;
}

.floating-btn-ayuda.opened {
    right: 0 !important;
}

.floating-btn-ayuda:hover {
    right: -260px;
}
.floating-btn-ayuda:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.floating-btn-ayuda .button-label {
    width: 100%;
    height: 50px;
    background: var(--primary);
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.4rem;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 10px;
}
/*ayuda*/


.floating-btn-clubHr {
    position: fixed;
    z-index: 3;
    margin-top: 2px !important;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 280px;
    -webkit-transition: .3s;
    transition: .3s;
}

.floating-btn-clubHr.opened {
    right: 0 !important;
}

.floating-btn-clubHr:hover {
    right: -260px;
}
.floating-btn-clubHr:hover i {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
.floating-btn-clubHr .button-label {
    width: 100%;
    height: 50px;
    background: var(--primary);
    color: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.4rem;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 10px;
}

.ti-capacitacion {
    content: url("../img/icono-calendar-white.png");
    width: 40px;
    height: 45px;
}

.ti-capacitacion png {
    width: 100%;
    height: 100%;
}

.ti-calendar-dashboard {
    content: url("../img/icono-calendar-black.png");
    cursor: pointer;
}

.floating-btn-capacitacion .button-label i {
    -webkit-transition: .5s;
    transition: .5s;
}
.floating-btn-capacitacion .button-label.rotated i {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
.floating-btn-capacitacion .button-label span {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}

.floating-btn-capacitacion .button-label-alert {
    padding-left: 20px;
}



.floating-btn-clubHr .button-label i {
    -webkit-transition: .5s;
    transition: .5s;
}
.floating-btn-clubHr .button-label.rotated i {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
.floating-btn-clubHr .button-label span {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}

.floating-btn-clubHr .button-label-alert {
    padding-left: 20px;
}


/*Ayuda*/
.floating-btn-ayuda .button-label i {
    -webkit-transition: .5s;
    transition: .5s;
}
.floating-btn-ayuda .button-label.rotated i {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
.floating-btn-ayuda .button-label span {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}

.floating-btn-ayuda .button-label-alert {
    padding-left: 20px;
}

/*Ayuda*/

@media (min-width: 768px) {
    .floating-btn-capacitacion .button-label {
        font-size: 1.9rem;
    }
    .floating-btn-capacitacion {
        right: -230px;
    }
    .floating-btn-capacitacion:hover {
        right: -220px;
    }

    /*capacitacion*/
    .floating-btn-capacitacion .button-label {
        font-size: 1.9rem;
    }
    .floating-btn-capacitacion {
        right: -230px;
    }
    .floating-btn-capacitacion:hover {
        right: -220px;
    }
    /*capacitacion*/

    .floating-btn-clubHr .button-label {
        font-size: 1.9rem;
    }
    .floating-btn-clubHr {
        right: -230px;
    }
    .floating-btn-clubHr:hover {
        right: -220px;
    }

    /*ayuda*/
    .floating-btn-ayuda .button-label {
        font-size: 1.9rem;
    }
    .floating-btn-ayuda {
        right: -230px;
    }
    .floating-btn-ayuda:hover {
        right: -220px;
    }
    /*ayuda*/


}

.btn-comenzar-onboarding {
    background: #4CAEF2 !important;
    display: flex;
    padding: 12px 20px;
    height: 48px;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
}

.btn-comenzar-onboarding-proceso {
    background: #4DC87E;
    display: flex;
    padding: 12px 20px;
    height: 48px;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
}

.btn-comenzar-onboarding-proceso:hover {    
    background: #4CAEF2;
    transition: .3s ease;
}

.btn-comenzar-onboarding p, .btn-comenzar p, .btn-comenzar-proceso p, .btn-comenzar-onboarding-proceso p {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left;
}

.btn-comenzar {
    background: #4DC87E !important;
    display: flex;
    padding: 12px 20px;
    max-width: 130px;
    height: 48px;
    align-items: center;
    border-radius: 50px;
    margin-top: 20px;
    cursor: pointer;
}

.btn-comenzar-proceso {
    background: #4CAEF2;
    display: flex;
    padding: 12px 20px;
    max-width: 130px;
    height: 48px;
    align-items: center;
    border-radius: 50px;
    margin-top: 20px;
    cursor: pointer;
}

.btn-comenzar:hover {
    background: #4CAEF2 !important;
    transition: .3s ease;
}

.topbar-onboarding {
    height: 90px;
    box-shadow: 4px 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #1A1B39;
}

.topbar-time {
    height: 90px;
    display: flex;
    align-items: center;
}

.topbar-align {
    align-items: center !important;
}

.top-bar-onboarding .logo img {
    max-height: 70px;
}

.btn-siguiente {
    display: none;
}

.flex-cont-onboarding, .flex-cont-onboarding-analista {
    background: #ffffff;
}

.flex-cont-candidato {
    background: #EBFFF3;
    height: auto;
}

.content-proceso .progreso {
    position: relative;
    width: 100%;
    height: 14px;
    background: #D9D9D9;
    border-radius: 20px;
    box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.content-proceso .progreso.success .bar {
    background: #1A1B39;
}

.content-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4DC87E;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18.6px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    margin-right: 10px;
}

.content-avatar-candidato .profile-title h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.content-avatar-candidato .profile-title p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.top-bar-onboarding .profile-title .title {
    width: 100%;
    max-width: 100%;
}

.content-avatar-candidato .avatar {
    width: 66px;
    height: 66px;
    background: #4CAEF2;
    padding: 4px 4px;
    border-radius: 50%;
    margin-left: 0px;
    margin-right: 10px;
}

.content-avatar-candidato .avatar .img-avatar {
    width: 58px;
    height: 58px;
    max-width: 58px;
    max-height: 58px;
    border-radius: 50%;
}

.content-avatar-candidato .profile-ul-title {
    background: #03033F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 0px 0px;
}

.content-avatar-candidato .drop-content-section {
    padding: 15px 30px;
    align-items: center;
}

.content-avatar-candidato .drop-content-section a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #1A1B39;
    display: flex;
    align-items: center;
}

.content-avatar-candidato .drop-content-section img {
    width: 24px;
    height: 24px;
    max-height: 24px;
    margin-right: 20px;
}

.top-bar-onboarding .profile.dropdown .drop-content {
    width: 294px;
}

.top-bar-onboarding .dropdown .drop-content {
    background: #F0F0F0;
    box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.10);
}

.content-avatar-candidato .content-profile {
    padding: 25px 30px;
}

.top-bar-onboarding .content-options {
    padding: 10px 0px;
}

.top-bar-onboarding .drop-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.top-bar-onboarding .profile {
    border: none;
}

.flex-cont-documentos {
    background: #B9F0CE !important;
}

.topbar-documentos {
    box-shadow: none !important;
    border-bottom: none !important;
}

.content-carga-documentos .drop {
    background: #56C782;
    border: none;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    width: 212px;
    max-width: 212px;
    height: 40px;
    max-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.content-carga-documentos .dropFile {
    background: #2FA55E;
}

.content-carga-documentos .dropError {
    background: #F53C02;
}

.content-carga-documentos .drop .text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: left;
    color: #fff;
    line-height: 0px;
}

.visor-documento.overlay.fade {
    background: rgba(161, 221, 184, 0.8);
}

.visor-documento .modal {
    position: static;
    width: 100%;
    max-width: 595px;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
}

.visor-documento .modal .modal-body {
    background: #1A1B39;
}

.visor-documento div.modal-close {
    cursor: pointer;
    position: absolute;
    right: 30px;
}

.visor-documento div.modal-close i {
    color: #ffffff;
    font-weight: bold;
}

.visor-documento .modal-box {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.visor-documento-solicitud.overlay.fade {
    background: none;
}

.visor-documento-solicitud .modal {
    position: static;
    width: 100%;
    max-width: 806px;
    border-radius: 10px;
    padding: 0px;
}

.visor-documento-solicitud .modal .modal-body {
    background: #1A1B39;
}

.visor-documento-solicitud div.modal-close {
    cursor: pointer;
    position: absolute;
    margin-top: 5px;
    right: 30px;
}

.visor-documento-solicitud div.modal-close i {
    color: #ffffff;
    font-weight: bold;
}

.visor-documento-solicitud .modal-box {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.cargar-documento.overlay.fade {
    background: rgba(161, 221, 184, 0.8);
    align-items: baseline !important;
    margin-top: 90px;
    padding-top: 16.5vh;
    z-index: 3 !important;
}

.cargar-documento .modal {
    position: static;
    width: -webkit-fill-available;
    width: 100%;
    max-width: 776px;
    border-radius: 20px;
    background: transparent;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.cargar-documento .modal.modalSinSombra {
    box-shadow: none;
}

.cargar-documento.overlay.fade.vistaCargarDocumentos {
    padding-top: 12vh;
}

.cargar-documento .slide.down {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
    position: static;
}

.cargar-documento .modal-box {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.cargar-documento .slide.ocultarModal, .cargar-documento.overlay.fade.ocultarModal {
    visibility: hidden;
}
   
.documento-reemplazado.overlay.fade {
    background: rgba(161, 221, 184, 0.8);
    z-index: 3;
}
  
.documento-reemplazado .modal {
    max-width: 615px;
    background: #F0F0F0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.documento-reemplazado div.modal-close i {
    color: #1A1B39;
    font-weight: bold !important;
}

.documento-reemplazado .modal .modal-body {
    padding: 67.5px 0px;
}

.candidato-observado.overlay.fade {
    background: rgba(161, 221, 184, 0.8);
    z-index: 3;
}

.candidato-observado .modal {
    max-width: 482px;
    background: #F0F0F0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.candidato-observado div.modal-close i {
    color: #1A1B39;
    font-weight: bold !important;
}

.candidato-observado .modal .modal-body {
    padding: 39px 0px 10px 0px;
}

.candidato-aprobado .modal {
    max-width: 615px;
}

.candidato-aprobado .modal .modal-body {
    padding: 25px 0px 25px 0px;
}

.motivo-rechazo .modal {
    max-width: 615px;
    padding: 20px 60px 28.6px 60px;
}

.motivo-rechazo .modal .modal-body {
    padding: 0px;
}

.top-bar-onboarding {
    box-shadow: none !important;
    z-index: 3;
}

.main-content-onboarding {
    padding: 0 0 0px 0 !important;
}

.main-content-time {
    padding: 90px 0 0px 0 !important;
    min-height: 91vh;
}

.main-content-onboarding-pd {
    padding: 0 0 30px 0 !important;
}

.rotated-img {
    transform: rotate(-180deg);
}
   
.flex-cont-onboarding-analista .container.padding-top {
    padding-top: 30px;
    padding-left: 85px;
    padding-right: 95px;
    padding-bottom: 30px;
}

.container-general {
    padding-top: 30px;
    padding-left: 85px;
    padding-right: 95px;
    padding-bottom: 30px;
    position: relative;
    z-index: 0;
}

.container-pd {
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 45px;
    padding-bottom: 30px;
}

.container-solicitud {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 45px;
    padding-bottom: 30px;
}

.container-solicitud.configuraciones {
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 35px;
    padding-bottom: 30px;
}

.content-razones .progreso {
    position: relative;
    width: 100%;
    height: 12px;
    background: #F0F0F0;
    border-radius: 20px;
    border: 1px solid #4CAEF2;
}

.content-razones .progreso.success .bar {
    background: #4CAEF2;
}

.content-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 24px;
    color: #4DC87E;
}

.input-date .bs-datepicker {
    background: white;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin-bottom: 40px;
    font-size: 16px;
    border-radius: 6px;
    font-weight: 400;
    max-width: 226px;
}

.input-date .bs-datepicker-head {
    background: #4CAEF2;
}

.input-date .bs-datepicker th {
    font-size: 12px;
    font-weight: 500;
    padding: 6px;
    color: #666;
    font-family: 'Poppins', sans-serif;
}

.input-date .bs-datepicker td span:not(.bs-chevron) {
    padding: 6px;
    cursor: pointer;
    height: 35px;
    font-size: 14px;
    width: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.input-date .bs-datepicker-body {
    padding: 10px;
}

.tab-group-dashboard.noticias {
    flex-direction: column-reverse;
}

.tab-group-dashboard .mat-tab-label {
    width: 12.06px;
    max-width: 12.06px;
    min-width: 12.06px;
    opacity: 1;
    padding: 0 15px;
    height: 60px;
    pointer-events: none;
}

.tab-group-dashboard.noticias .mat-tab-label {
    width: 15px;
    max-width: 15px;
    min-width: 15px;
    padding: 0 11px;
    height: 15px;
}

.tab-group-dashboard-report .mat-tab-body-wrapper {
    margin-top: -60px;
    z-index: 0;
}

.tab-group-dashboard-report .mat-tab-label {
    width: 12.06px;
    max-width: 12.06px;
    min-width: 12.06px;
    opacity: 1;
    padding: 0 15px;
    height: 60px;
    pointer-events: none;
}

.tab-group-dashboard-report .mat-tab-label .mat-tab-label-content {
    pointer-events: all;
}

.tab-group-dashboard .mat-tab-label .mat-tab-label-content {
    pointer-events: all;
}

.tab-group-dashboard-report .mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1;
    background: #F0F0F0;
}

.tab-group-dashboard .mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1;
    background: #F0F0F0;
}

.tab-group-dashboard.noticias .mat-tab-label-container {
    align-items: center;
    background: transparent;
    height: 20px;
}

.tab-group-dashboard .mat-tab-header {
    top: 524px;
    z-index: 2;
}

.tab-group-dashboard.noticias .mat-tab-header {
    top: 10px;
    z-index: 1;
}

.tab-group-dashboard-report .mat-tab-header {
    top: 1155px;
    z-index: 0;
}

.tab-group-dashboard-report.maxHeight .mat-tab-header {
    top: 580px !important;
}

.tab-group-dashboard-report.reportes-analisis .mat-tab-header {
    top: 1390px !important;
    z-index: 0;
}

.tab-group-dashboard .mat-tab-body.mat-tab-body-active {
    min-height: 470px;
}

.tab-group-dashboard.noticias .mat-tab-body.mat-tab-body-active {
    min-height: auto !important;
    border-radius: 0px;
}

.tab-group-dashboard-report .mat-tab-body.mat-tab-body-active {
    min-height: 470px;
}

.loader-cargar .small-loading, ul.action-list li span.small-loading {
    width: 40px;
    height: 40px;
}

.loader-cargar .small-loading:before {
    background: #03033F;
}

.loader-cargar .small-loading:after {
    background: #ffffff;
}

.cargar-documento .modal-box {
    max-height: max-content;
}
    
.cargar-documento .modal-box::-webkit-scrollbar-thumb {
    background-color: rgba(246, 246, 246, 0.83);
}

.cargar-documento {
    overflow-y: auto !important;
}

.table-solicitud .input-container.switch input:checked ~ span {
    background: #4DC87E;
}

.table-solicitud .input-container {
    margin-top: 5px;
}

.table-seguimiento .picker-container {
    background: transparent !important;
    z-index: 2 !important;
}

.table-seguimiento .picker-container {
    justify-content: end !important;
}

.modal-rechazar .checkbox label span, .modal-rechazar .radio label span {
    height: 18px;
    width: 18px;
    border: 2px solid #1A1B39;
    display: inline-block;
    /* margin-right: 5px; */
    border-radius: 4px;
}

.modal-rechazar .checkbox input:checked ~ span, .modal-rechazar .radio input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.modal-rechazar .radio input:checked ~ span::after {
    display: none;
}

.modal-rechazar .input-container.checkbox label, .modal-rechazar .input-container.radio label {
    color: unset;
    position: absolute !important;
    text-transform: none;
    background: transparent;
    pointer-events: all;
    white-space: nowrap;
    display: flex !important;
    margin-left: 10px;
}

.modal-rechazar {
    background: none;
}

.modal-rechazar .modal {
    max-width: 486px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 25px 25px 35px 25px;
}

.modal-rechazar .modal-close i {
    color: #1A1B39;
    font-weight: bolder;
}

.modal-aprobado, .modal-rechazado {
    align-items: start !important;
    padding-top: 153px;
    left: 20px;
    background: none !important;
}

.modal-aprobado .content-tooltip, .modal-rechazado .content-tooltip {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-aprobado .modal{
    max-width: 237px;
    background: #D9D9D9;
    border: 3px solid #4DC87E;
    box-shadow: none;
    padding: 8px 11px 8px 18px;
    border-radius: 10px;
}

.modal-rechazado .modal {
    max-width: 237px;
    background: #D9D9D9;
    border: 3px solid #F53C02;
    box-shadow: none;
    padding: 8px 11px 8px 18px;
    border-radius: 10px;
}

.modal-aprobado p, .modal-rechazado p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #000000;
}

.modal-rechazar textarea {
    width: 100%;
    max-width: 424px;
    height: 88px;
    border: 2px solid #1A1B39;
    background: #FFFFFF;
    padding: 5px 10px;
    resize: none !important;
    margin-top: 25px;
    border-radius: 0px;
}

.modal-rechazar.modal-rechazar-ind {
    background: none;
}

.modal-rechazar-ind .modal {
    background: #F5F5F5;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
}

.modal-aprobar-ind .modal {
    padding: 25px 25px 40px 25px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
}

.modal-rechazar-ind textarea {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    border: 1px solid #000000;
}

.modal-rechazar-ind textarea.active {
    border: 1px solid #4DC87E !important;
}

.modal-rechazar-ind textarea.motivo {
    border: 1px solid #000000 !important;
}

.modal-rechazar textarea::placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.table-resumen .inner::-webkit-scrollbar {
    height: 8px !important;
}

.table-resumen .inner::-webkit-scrollbar-thumb {
    background-color: #AEAEAE !important;
    border-radius: 30px !important;
}

.table-resumen .inner::-webkit-scrollbar-track {
    background: transparent !important;
}

.table-resumen .table-container {
    width: 884px;
}

.table-resumen th {
    font-size: 12px;
}

.table-resumen td {
    font-size: 12px;
    text-decoration: underline;
}

.modal-rechazar-ind textarea.disabled {
    background: #D9D9D9;
    pointer-events: none;
}

.modal-agregar .modal {
    max-width: 372px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 15px 0px 20px;
    border-radius: 10px;
}

.modal-ubicacion.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-ubicacion .modal {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 15px 20px 20px;
    border-radius: 10px;
    width: 700px;
}

.modal-body-pdf {
    width: 780px;
}

.modal-restablecer-contrasena.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-restablecer-contrasena .modal.fondo-active {
    background: #FFFFFF;
}

.modal-restablecer-contrasena .modal {
    max-width: 475px;
    background: #F0F0F0;
    border: 2px solid #1A1B39;
    padding: 10px 20px 20px 30px;
    border-radius: 10px;
}

.modal-agregar.overlay.fade {
    background: none;
}

.modal-agregar .modal-close i {
    color: #1A1B39;
    font-weight: bolder;
    font-size: 20px;
    margin-top: -10px;
}

.modal-enviado .modal {
    max-width: 440px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 40px 51.21px 40px;
    border-radius: 20px;
}

.modal-rechazar.modal-visor.overlay.fade {
    background: none;
}

.modal-informe .modal {
    max-width: 486px;
    background: #FFFFFF;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 25px 25px 35px;
}

.modal-rechazar.modal-informe.overlay.fade {
    background: none;
}

.modal-columnas .checkbox label span {
    height: 22px;
    width: 22px;
    border: 2px solid #1A1B39;
    display: inline-block;
    /* margin-right: 5px; */
    border-radius: 4px;
}

.modal-columnas .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.modal-columnas .input-container.checkbox label {
    color: unset;
    position: absolute !important;
    text-transform: none;
    background: transparent;
    pointer-events: all;
    white-space: nowrap;
    display: flex !important;
    margin-left: 10px;
}

.modal-columnas .checkbox.disabled input:checked ~ span {
    background-color: #D9D9D9;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.modal-columnas .checkbox.disabled label span {
    height: 22px;
    width: 22px;
    border: 2px solid #D9D9D9;
    display: inline-block;
    /* margin-right: 5px; */
    border-radius: 4px;
}

.modal-columnas .checkbox.disabled label {
    pointer-events: none;
}

.content-max-edit input {
    width: 100%;
    max-width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    padding: 10px 0px;
    border: none !important;
    pointer-events: none !important;
}

.content-max-edit input.edit {
    pointer-events: all !important;
    height: 20px;
    margin-top: 8px;
}

.modal-exclusion .modal {
    max-width: 595px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 25px 20px;
}

.modal-observacion textarea.motivo {
    border: 2px solid #1A1B39;
}

.modal-observacion textarea.active {
    border: 2px solid #4DC87E;
}

.modal-observacion textarea {
    width: 100%;
    max-width: 549px;
    height: 144.73px;
    border: 2px solid #1A1B39;
    background: #FFFFFF;
    padding: 20px 18px;
    margin-top: 16px;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}

.modal-observacion .modal {
    max-width: 595px;
    background: #F5F5F5;
    border: none;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 15px 45px 20px !important;
}

.modal-observaciones .modal {
    width: 100%;
    max-width: 1032px;
    background: #F5F5F5;
    border: 1px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 25px 45px 25px;
}

.modal-observacion textarea::placeholder {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;   
    color: #B7B7B7;
}

.modal-continuar .modal {
    max-width: 486px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 25px 30px 10px 30px;
    border-radius: 20px;
}

.modal-asignacion .modal {
    max-width: 595px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 15px 10px 20px;
    border-radius: 10px;
}

.modal-crear-tipo-documento .modal {
    max-width: 668px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 30px 0px 30px;
    border-radius: 20px;
}

.modal-grafico .modal {
    max-width: 748px;
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 15px 15px 20px;
    border-radius: 6px;
}

.modal-grafico.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

/* Reporte y Analisis*/
.tab-group-dashboard .mat-tab-body.mat-tab-body-active {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.tabGroupClassReporte .mat-tab-label:focus:not(.mat-tab-disabled) {
    display: flex;
    justify-content: center;
    text-align: center;
}

.tabGroupClassReporte .mat-tab-labels {
    max-width: 474px !important;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label-active .mat-ripple-element {
    display: none !important;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label, .tabGroupClassReporte .mat-tab-labels .mat-tab-label.active {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    opacity: 1;
}

.tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-0 .active {
    padding: 0 106px;
    max-width: 275px;
}

.tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1, .tabGroupClassReporte .mat-tab-labels #mat-tab-label-0-1 .active {
    padding: 0 69px;
    max-width: 199px;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label, .tabGroupClassReporte .mat-tab-labels .mat-tab-label.active {
    background-color: #DFDFDF;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #AEAEAE;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label-active .mat-tab-label-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #1A1B39 !important;
}

.tabGroupClassReporte .mat-tab-labels .mat-tab-label-active {
    background-color: #F0F0F0;
}

.tabGroupClassReporte .mat-tab-body-content {
    background-color: #F0F0F0;
    width: 100% - 200px;
    height: 100%;
    padding: 12px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Estado de candidatos */
.tabGroupClass .mat-tab-labels .mat-tab-label-active .mat-ripple-element {
    display: none !important;
}

.tabGroupClass .mat-tab-labels .mat-tab-label, .tabGroupClass .mat-tab-labels .mat-tab-label.active {
    width: auto;
    max-width: 275px;
    height: 35px;
    padding: 0 33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    opacity: 1;
}

.tabGroupClass.first-tab-active .mat-tab-labels .mat-tab-label, .tabGroupClass.first-tab-active .mat-tab-labels .mat-tab-label.active {
    background-color: #DFDFDF;
}

.tabGroupClass.first-tab-active .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    background-color: #DFDFDF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #AEAEAE;
}

.tabGroupClass.first-tab-active .mat-tab-labels .mat-tab-label-active .mat-tab-label-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background-color: #F0F0F0;
    color: #1A1B39;
}

.tabGroupClass.first-tab-active .mat-tab-labels .mat-tab-label-active {
    background-color: #F0F0F0;
}

.tabGroupClass.first-tab-active .mat-tab-body-content {
    background-color: #F0F0F0;
    width: 100% - 200px;
    height: 100%;
    max-height: 660px;
    overflow: hidden;
    padding: 8px;
}

.tabGroupClass.second-tab-active .mat-tab-body-content {
    background-color: #E9F6FF;
    width: 100% - 200px;
    height: 100%;
    max-height: 617px;
    overflow: hidden;
}

.tabGroupClass.third-tab-active .mat-tab-body-content {
    background-color: #E9F6FF;
    width: 100% - 200px;
    height: 100%;
    overflow: hidden;
}

/* Generación de contratos */
.tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label, .tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label.active, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label.active {
    background-color: #1A1B39;
}

.tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label .mat-tab-label-content, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    background-color: #1A1B39;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label-active .mat-tab-label-content, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label-active .mat-tab-label-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background-color: #E9F6FF;
    color: #1A1B39;
}

.tabGroupClass.second-tab-active .mat-tab-labels .mat-tab-label-active, .tabGroupClass.third-tab-active .mat-tab-labels .mat-tab-label-active {
    background-color: #E9F6FF;
}

.tabGroupClass .mat-tab-labels .mat-tab-label.mat-tab-disabled {
    max-width: 650px;
    cursor: default;
    margin-left: 0px;
    background-color: #FFFFFF !important;
}

.tabGroupClass {
    position: relative;
    z-index: 0;
}

.div-checkbox .checkbox label span, .div-checkbox-candidate .checkbox label span {
    height: 16px;
    width: 16px;
    border: 2px solid #1A1B39;
    display: inline-block;
    /* margin-right: 5px; */
    border-radius: 4px;
}

.div-checkbox .checkbox input:checked ~ span, .div-checkbox-candidate .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.div-checkbox .checkbox input:checked ~ span, .div-checkbox-disable .checkbox input:checked ~ span {
    background-color: #B7B7B7;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    border: none;
}

.tabGroupClass .mat-tab-body-content {
    border-radius: 0px 20px 0px 0px !important;
}

.modal-filtrar .modal {
    padding: 25px 25px;
    max-width: 422px;
    border-radius: 10px !important;
    border: 2px solid #1A1B39;
}

.modal-filtrar.overlay.fade {
    background: none;
    padding-top: 90px;
}

.modal-filtrar .modal-close i {
    display: block;
    font-weight: bolder;
    font-size: 18px;
}

.modal-filtrar input {
    padding: 9px 7px 9px 7.4px;
    width: 330px;
    max-width: 330px;
    border-radius: 50px;
    display: inline-block;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1A1B39;
    max-height: 40px;
    background: #E9F6FF;
    border: 1px solid #1A1B39;
    left: 12.5px;
}

.modal-filtrar input::placeholder {
    color: var(--primary);
    filter: brightness(115%);
}

.modal-filtrar .input-container {
    margin-bottom: 0px;
}

.table-seguimiento .input-container.switch input:checked ~ span {
    background: #4DC87E;
}

.table-seguimiento .input-container {
    margin-top: 5px;
}

.modal-recordatorio .modal {
    padding: 40px 55px 34.21px 55px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.modal-carga.overlay.fade {
    padding-top: 90px;
    background: none;
}

.underline-red {
    color: #F53C02 !important;
}

.text-success {
    color: #4DC87E !important;
}

.visor-seguimiento.overlay.fade {
    background: none;
}

.visor-seguimiento div.modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
}

.visor-seguimiento .modal {
    border-radius: 10px;
}

.content-pagination p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.content-pagination ul.pagination {
    display: flex;
    align-items: baseline;
}

.content-pagination .pagination-page.page-item a.page-link {
    padding: 0px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.content-pagination .pagination-prev.page-item a.page-link, .content-pagination .pagination-next.page-item a.page-link {
    padding: 0px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 700 !important;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.content-pagination .pagination-prev.page-item.disabled a.page-link, .content-pagination .pagination-next.page-item.disabled a.page-link {
    padding: 0px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 700 !important;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: center;
    color: #AEAEAE;
}

.content-pagination li.pagination-page.page-item.active a.page-link {
    height: 19px;
    width: 19px;
    background: #4DC87E;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0px 0px 0px;
}

.content-pagination ul.pagination {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    margin: 0px;
}

.content-input-search input::placeholder {
    color: #4CAEF2 !important;
}

.modal-enviado.modal-tipo-documento .modal {
    padding: 36.21px 55px 27px 55px;
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.modal-crear-tipo-documento.overlay.fade {
    background: none !important;
}

.modal-crear-tipo-documento input {
    width: 100%;
    max-width: 397px;
    height: 32px;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    background: #E5F5FF;
    border: 2px solid #4CAEF2;
    border-radius: 50px;
    padding: 0px 20px 1px 20px;
}

.modal-crear-tipo-documento input::placeholder {
    color: #4CAEF2 !important;
}

.modal-crear-tipo-documento .checkbox label span, .radio label span {
    height: 16px;
    width: 16px;
    min-width: 16px;
    border: 2px solid #1A1B39;
}

.modal-crear-tipo-documento .checkbox label span, .radio label span.active {
    background: #1A1B39;
}

.modal-crear-tipo-documento .radio input:checked ~ span::after {
    background-color: #F5F5F5;
    height: 5px;
    width: 5px;
}

.modal-crear-tipo-documento .checkbox label, .modal-crear-tipo-documento .radio label {
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1A1B39;
}

.modal-eliminar-tipo-documento input {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    border-radius: 6px;
    height: 42px;
    border: 2px solid #1A1B39;
}

.modal-eliminar-tipo-documento.overlay.fade {
    background: none;
}

.modal-eliminar-tipo-documento .modal {
    width: 100%;
    max-width: 457px;
    border: 2px solid #1A1B39;
    padding: 20px 15px 25px 30px;
    border-radius: 10px;
}

.modal-excluido .content-icon-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.modal-excluido .content-icon-text i {
    font-size: 1.1rem;
    cursor: pointer;
}

.modal-excluido .content-icon-text p {
    font-size: 1.3rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.modal-detalle-observaciones .modal {
    width: 100%;
    max-width: 1032px;
    padding: 35px 25px 35px 25px;
    background: #F5F5F5;
}

.modal-detalle-observaciones p.text-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #1A1B39;
}

.modal-detalle-observaciones p.text-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: justify;    
    color: #1A1B39;
    margin: 0 auto;
}

.modal-detalle-observaciones p.text-btn {
    font-size: 11px;
    font-weight: 400;
    line-height: 16.5px;
    letter-spacing: 0em;
    text-align: justify;
    color: #1A1B39;
}
.modal-observaciones p.text-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 16.5px;
    letter-spacing: 0em;
    text-align: justify;
    color: #1A1B39;
}

.modal-detalle-observaciones p.text-img {
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
    color: #4DC87E;
}

.modal-detalle-observaciones .content-head {
    max-width: 983px;
    display: grid;
    gap: 25px;
    grid-template-columns: 195px 200px 1fr 165px 1fr;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-bottom: 1px solid #4DC87E;
}

.modal-detalle-observaciones .content-body {
    max-width: 983px;
    display: grid;
    gap: 25px;
    grid-template-columns: 195px 200px 1fr 165px 1fr;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
}

.modal-detalle-observaciones .content-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-detalle-observaciones .first-column {
    height: -webkit-fill-available;
    background: #F0F0F0;
}

.modal-detalle-observaciones .content-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 0px 8px 0px;
}

.modal-detalle-observaciones .content-info {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
}
.modal-detalle-observaciones .content-info p {
    letter-spacing: 0em;
    margin-block-start: 0em;
    margin-block-end: 0em;
}


.modal-detalle-observaciones .content-img {
    display: grid !important;
    gap: 8px;
    justify-content: center;
    max-width: 120px;
    margin: 0 auto;
}

.modal-detalle-observaciones .content-btn-img {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.modal-detalle-observaciones .content-max {
    max-height: 170px;
    overflow-y: auto;
}

.modal-detalle-observaciones .content-max::-webkit-scrollbar {
    width: 5px;
    background: #eee;
}

.modal-detalle-observaciones .content-max::-webkit-scrollbar-thumb {
    background: var(--primary);
}

.modal-detalle-observaciones .img-arrow {
    cursor: pointer;
}

.modal-detalle-observaciones .card-title {
    justify-content: center;
    margin-bottom: 40px;
}

.modal-detalle-observaciones .card-title h3 {
    margin-top: 10px;
}

.modal-detalle-observaciones .content-head-resp {
    display: none;
}

.modal-detalle-observaciones .content-head-default {
    display: grid;
}

.ocultarFooter {
    display: block;
}

.avatar img.img-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.modal-rechazar.modal-aprobar-ind {
    background: none;
}

@keyframes parapadearImg {
    from { transform: none; }
    50% { content: url('../../../../../assets/img/onboarding/icon-btn-documentos-green.png'); }
    to { transform: none; }
}

.progreso ~ .icon:not(.success):not(.error) .loader, .table-loading.loading-onboarding .loader {
    border-top: 6px solid rgba(240, 240, 240, 0.2);
    border-right: 6px solid rgba(240, 240, 240, 0.2);
    border-bottom: 6px solid rgba(240, 240, 240, 0.2);
    border-left: 6px solid #1A1B39;
}

.table-loading.medium {
    min-height: 350px !important;
}

.table-loading.medium-time {
    min-height: 230px !important;
}

.table-loading.big {
    min-height: 500px !important;
}

.table-loading.center {
    min-height: 62.5vh !important;
}

@keyframes parapadearIcon {
    from { transform: none; }
    50% { content: url('../../../../../assets/img/onboarding/icon-rechazado-parpadear.png'); }
    to { transform: none; }
}

.modal-reemplazar-ubicacion.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-reemplazar-ubicacion .modal {
    width: 100%;
    max-width: 690px;
    padding: 30px 50px 35px 50px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-horarios-trabajo.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-horarios-trabajo .modal {
    width: 100%;
    max-width: 549px;
    padding: 50px 19px 15px 19px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-horarios-trabajo.modal-horario-trabajo .modal {
    width: 100%;
    max-width: 710px;
    padding: 20px 19px 15px 19px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-facial.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-facial .modal {
    width: 100%;
    max-width: 475px;
    padding: 20px 15px 65px 15px;
    background: #FFFFFF;
    border: 2px solid #1A1B39;
}

.modal-historial.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-detalle.modal-historial .modal {
    width: 100%;
    max-width: 1096px;
    padding: 40px 50px 50px 50px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-anadir-fecha.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-anadir-fecha .modal {
    width: 100%;
    max-width: 488px;
    padding: 10px 20px 30px 20px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-anadir-horario.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-anadir-horario.horario.overlay.fade {
    background: none;
}

.modal-anadir-horario .modal {
    width: 100%;
    max-width: 565px;
    padding: 10px 20px 30px 20px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-anadir-horario.turno .modal {
    width: 100%;
    max-width: 633px;
    padding: 20px 15px 20px 20px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-anadir-horario.maxWidth .modal {
    max-width: 849px;
}

.modal-anadir-horario.minWidth .modal {
    max-width: 462px;
}

.modal-anadir-fecha .bs-datepicker .days.weeks td[role="gridcell"] {
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
    padding: 2px !important;
}

.modal-anadir-fecha .bs-datepicker th {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.modal-anadir-fecha .ng-tb thead tr {
    background: transparent !important;
    color: #292D32;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    text-align: left;
}

.modal-anadir-fecha .bs-datepicker .ng-tb td, .modal-anadir-fecha .bs-datepicker .ng-tb th {
    padding: 0px !important;
}

.modal-anadir-fecha .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 3px 5px !important;
    height: 20px !important;
    max-height: 20px !important;
    min-width: 20px !important;
    width: 20px !important;
    max-width: 20px !important;
    margin: 3px 7px !important;
}

.modal-anadir-fecha .content-daterangepicker .bs-datepicker th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    padding: 0px 0px 5px 0px;
    color: #292D32;
    text-transform: uppercase;
    text-align: center;
}

.text-white {
    color: white;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.modal-vacaciones.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-vacaciones .modal {
    width: 100%;
    max-width: 674px;
    padding: 30px 10px 30px 10px;
    background: #FFFFFF;
    border: 1px solid #000000;
}

.modal-vacaciones .bs-datepicker-head {
    background: #4DC87E;
    padding: 13px 11px 9px 11px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0px 0px;
    margin-left: -6px;
    margin-right: -6px;
    position: relative;
}

.modal-vacaciones bs-datepicker-navigation-view {
    justify-content: center;
}

.modal-vacaciones .bs-datepicker {
    margin-bottom: 20px;
    box-shadow: none;
}

.modal-vacaciones .bs-datepicker button.previous {
    color: #1A1B39;
    font-size: 2rem;
    margin-top: -14px;
    left: 25px;
    position: absolute;
}

.modal-vacaciones .bs-datepicker button.next {
    color: #1A1B39;
    font-size: 2rem;
    margin-top: -14px;
    right: 25px;
    position: absolute;
}
.modal-vacaciones .bs-datepicker-multiple:nth-child(1) button:nth-child(4),
.modal-vacaciones .bs-datepicker-multiple:nth-child(2) button:nth-child(1){
    display: none !important;
}

.modal-vacaciones .bs-datepicker button.current {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.modal-vacaciones .bs-datepicker td.ng-star-inserted span:not(.bs-chevron) {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
}

.modal-vacaciones .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 6px 8px;
    height: 18px;
    width: 18px;
    margin: 3px 11px;
}

.modal-vacaciones .bs-datepicker th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    padding: 0px 5px 5px 5px;
    color: #292D32;
    text-transform: uppercase;
}

.modal-vacaciones .bs-datepicker-body {
    padding: 10px;
    margin: 7px 2px;
    border-radius: 6px;
}

.modal-vacaciones .bs-datepicker-multiple:last-of-type .bs-datepicker-body {
    border-left: 1px solid #D9D9D9;
}

.modal-vacaciones td span {
    color: #292D32;
}

.modal-vacaciones td span.disabled {
    color: #959595;
}

.modal-vacaciones .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #e4f7ec;
    height: 14px;
    left: -25px;
    right: -25px;
    top: 50%;
}

.modal-vacaciones .bs-datepicker td.ng-star-inserted span:not(.selected):hover {
    background: #e4f7ec;
}

.modal-vacaciones .bs-datepicker td.ng-star-inserted span.selected {
    background: #4DC87E;
    color: white;
    z-index: 2;
}

.modal-aviso-guardar.overlay.fade {
    background: none;
}

.modal-aviso-guardar.ubicaciones.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aviso-guardar .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 50px 25px;
    background: #F4F5FF;
    box-shadow: 0px 4px 20px 0px #00000040;
}

.modal-aviso-guardar.refrigerio .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 35px 25px;
    background: #F4F5FF;
    box-shadow: 0px 4px 20px 0px #00000040;
}

.modal-aviso-guardar.horario .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 26px 25px;
    background: #F4F5FF;
    box-shadow: 0px 4px 20px 0px #00000040;
}

.modal-aviso-ubicacion-asignada.ubicaciones.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aviso-ubicacion-asignada.horario-trabajo.overlay.fade {
    background: none;
}

.modal-aviso-ubicacion-asignada .modal {
    width: 100%;
    max-width: 463px;
    padding: 20px 20px 30px 20px;
    border: 2px solid #1A1B39;
    background: #F4F5FF;
}

.modal-aviso-ubicacion-asignada.sin-registrar .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 15px 30px 15px;
    border: 1px solid #1A1B39;
    background: #1A1B39;
}

.modal-aviso.overlay.fade {
    background: none;
}

.modal-aviso.ubicaciones.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aviso.turnos.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aviso .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 20px 25px;
    background: #F4F5FF;
    border: 1px solid #1A1B39;
}

.modal-aviso.turnos .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 30px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-eliminar-ubicacion.overlay.fade {
    background: none;
}

.modal-eliminar-ubicacion.ubicaciones.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-eliminar-ubicacion .modal {
    width: 100%;
    max-width: 420px;
    padding: 40px 18px 28px 18px;
    background: #F4F5FF;
    border: 2px solid #1A1B39;
}

.modal-eliminar-turno.overlay.fade {
    background: none;
}

.modal-eliminar-turno.turnos.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-eliminar-turno .modal {
    width: 100%;
    max-width: 420px;
    padding: 40px 18px 28px 18px;
    background: #F4F5FF;
    border: 2px solid #1A1B39;
}

.modal-eliminar-horario-trabajo.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-eliminar-horario-trabajo .modal {
    width: 100%;
    max-width: 420px;
    padding: 40px 18px 28px 18px;
    background: #FFFFFF;
    border: 2px solid #1A1B39;
}

.modal-editar-colaborador.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-editar-colaborador .modal {
    width: 100%;
    max-width: 1230px;
    padding: 20px 0px 20px 0px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
}

.modal-ubicaciones .modal {
    width: 100%;
    max-width: 1207px;
    padding: 20px 0px 20px 0px;
    background: #F5F5F5;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
}

.is-required::after{
    content: '*';
    color: red;
}
.design-checkbox label{
    position: relative;
}
.table-ubicaciones .switch label input,
.design-checkbox label input {
    display: none !important;
}
.table-ubicaciones .checkbox label span, 
.table-ubicaciones .switch label span, 
.content-label-checkbox .checkbox label span,
.design-checkbox label span{
    height: 22px;
    width: 22px;
    border: 1px solid #1A1B39;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
}
.design-checkbox.dc-tree label span{
    background-color: #ffffff;
    /* background-image: url(../img/time/check.svg); */
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    cursor: pointer;
}
.design-checkbox.dc-tree label span::after{
    content: '+';
    position: absolute;
    left: 4.5px;
    top: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
.design-checkbox.dc-tree input:checked ~ span::after{
    content: '-' !important;
    left: 6.5px !important;
}

.table-ubicaciones thead .checkbox input:checked ~ span,
.design-checkbox input:checked ~ span {
    background-color: #ffffff;
    background-image: url(../img/time/check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.table-ubicaciones tbody .checkbox input:checked ~ span, 
.table-ubicaciones tbody .switch input:checked ~ span, 
.content-label-checkbox .checkbox input:checked ~ span,
.design-checkbox.dc-blue input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.content-label-checkbox .checkbox.disabled input:checked ~ span {
    background-color: #878897;
    border: 2px solid #878897;
}

.table-ubicaciones .input-container.switch label span {
    transition: 0s;
}

.modal-aviso-importar-guardar .modal {
    width: 100%;
    max-width: 420px;
    padding: 6px 25px 10px 25px;
    background: #F4F5FF;
    box-shadow: 0px 4px 20px 0px #00000040;
}

.modal-importar-colaboradores .modal {
    width: 100%;
    max-width: 420px;
    padding: 6px 25px 22.62px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-importar-horarios .modal {
    width: 100%;
    max-width: 420px;
    padding: 6px 25px 22.62px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-enviar-horario .modal {
    width: 100%;
    max-width: 420px;
    padding: 6px 25px 22.62px 25px;
    background: #F0F0F0;
    border: 1px solid #1A1B39;
}

.modal-enviar-horario .envio {
    max-width: 300px;
}

.modal-importar-colaboradores.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-importar-horarios.fondo.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-importar-horarios.overlay.fade {
    background: none;
}

.modal-editar-hora .modal {
    width: 100%;
    max-width: 420px;
    padding: 20px 25px 30px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-editar-hora.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-exportar-colaboradores .modal {
    width: 100%;
    max-width: 420px;
    padding: 20px 25px 30px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-exportar-colaboradores.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aprobacion-inasistencia .modal {
    width: 100%;
    max-width: 420px;
    padding: 20px 20px 30px 20px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-aprobacion-inasistencia.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aprobacion-asistencia-inasistencia .modal {
    width: 100%;
    max-width: 420px;
    padding: 20px 20px 30px 20px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-aprobacion-asistencia-inasistencia-masiva .modal {
    max-width: 1035px;
}

.modal-aprobacion-asistencia-inasistencia.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.checkbox-time label span {
    height: 22px;
    min-height: 22px;
    width: 22px;
    min-width: 22px;
    border: 1px solid #1A1B39;
    background: #FFFFFF;
    border-radius: 4px;
}

.checkbox-time input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.input-container.checkbox-time label {
    color: unset;
    position: static;
    text-transform: none;
    background: transparent;
    pointer-events: all;
    white-space: normal;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.input-container.radio-time label {
    color: unset;
    position: static;
    text-transform: none;
    background: transparent;
    pointer-events: all;
    white-space: normal;
    display: grid;
    grid-template-columns: 20px 24vw;
    align-items: flex-start;
    gap: 10px;
}

.radio-time label span {
    height: 20px;
    width: 20px;
    border: 1px solid #D0D5DD;
}

.radio-time input:checked ~ span::after {
    background-color: #1A1B39;
    height: 8px;
    width: 8px;
}

.radio-time input:checked ~ span {
    background: rgba(26, 27, 57, 0.1);
    border: 1px solid #1A1B39;
}

.ul-hijo.colaborador .picker {
    width: 307px;
    max-width: 307px;
    color: #1F2937;
    font-weight: 600;
    display: none;
    position: absolute;
    background: white;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    border: 2px solid #1A1B39;
    border-radius: 10px;
    background: #FFFFFF;
    z-index: 0;
    margin: 36px -40px;
}

.ul-hijo.colaborador .input-configuracion input {
    padding: 4px 16px;
    width: 100%;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    max-height: 32px;
    background: transparent;
    border: 2px solid #1A1B39;
    border-radius: 50px;
    color: #1A1B39;
}

.ul-hijo.colaborador .input-configuracion input.error-input {
    border: 2px solid #fc4b6c;
}

.ul-hijo.colaborador .input-configuracion .disabled-input {
    padding: 4px 16px;
    width: 100%;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    max-height: 32px;
    background: transparent;
    border: 2px solid #AEAEAE;
    border-radius: 50px;
    color: #AEAEAE;
    pointer-events: none;
}

.ul-hijo.colaborador .input-configuracion .disabled-input::placeholder {
    color: #FFFFFF;
}

.ul-hijo.colaborador .input-fecha-container .icon-fecha {
    right: 16px !important;
    top: 18% !important;
    max-width: 20px;
}

.ul-hijo.colaborador .input-fecha-container.disabledInput .icon-fecha {
    pointer-events: none;
}

.ul-hijo.colaborador .picker-container {
    margin-top: 2.5px;
}

.modal-anadir-fecha .input-configuracion input {
    padding: 7px 40px 7px 16px;
    width: 280px;
    border-radius: 20px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    max-height: 36px;
    background: #FFFFFF;
    border: 2px solid #1A1B39;
    color: #1A1B39;
}

.modal-anadir-fecha .input-configuracion input.error-input {
    border: 2px solid #fc4b6c;
}

.modal-anadir-fecha .input-fecha-container .icon-fecha {
    position: absolute;
    right: 16px !important;
    top: 16% !important;
    z-index: 1;
    cursor: pointer;
}

.modal-anadir-fecha .input-container {
    margin-bottom: 0px !important;
    position: relative;
    font-size: 0px;
}

.modal-anadir-fecha .input-container.switch input:checked ~ span {
    background: #1A1B39;
}

.modal-anadir-fecha .input-container.switch label span {
    height: 16px;
    width: 34px;
    background: #4DC87E;
    border-radius: 30px;
}

.modal-anadir-fecha .input-container.switch span span {
    height: 14px;
    width: 14px;
    background: #F9F9F9;
    left: 2px;
}

.modal-anadir-fecha .picker.show {
    margin: 40px -13px;
}

.modal-anadir-fecha .picker-container {
    z-index: 1 !important;
}

.today-class {
    border: 2px solid #4DC87E; 
}

.table-festividades .input-container.switch input:checked ~ span {
    background: #1A1B39;
}

.table-festividades .input-container.switch label span {
    height: 16px;
    width: 34px;
    border-radius: 30px;
}

.table-festividades .input-container.switch span span {
    height: 14px;
    width: 14px;
    background: #F9F9F9;
    left: 2px;
}

.table-festividades .ng-tb > tbody > tr:nth-child(odd) > td, .table-festividades .ng-tb > tbody > tr:nth-child(odd) > th {
    background-color: #F5F5F5 !important;
}

.table-festividades .ng-tb tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #D1D1D1 !important;
}

.table-festividades .ng-tb td {
    padding: 31px 0px !important;
}

.table-festividades .ng-tb .true-header th {
    padding: 20.9px 0px !important;
}

.table-festividades .ng-tb > tbody > tr:nth-child(even) > td, .table-festividades .ng-tb > tbody > tr:nth-child(even) > th {
    background-color: #F5F5F5 !important;
}

.table-festividades .input-container.switch {
    margin-left: -5.2vw;
    width: max-content;
}

.table-festividades .ng-tb th.icon, .table-festividades .ng-tb td.icon, .table-festividades .ng-tb th.switch, .table-festividades .ng-tb td.switch {
    width: 110px;
}

.flex-con-time {
    min-height: 90vh;
}

.content-select .input-configuracion input {
    padding: 7px 38px 7px 13px;
    width: 100%;
    border-radius: 20px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    max-height: 36px;
    background: #FFFFFF;
    border: 2px solid #1A1B39;
    color: #1A1B39;
}

.content-select .input-configuracion input::placeholder {
    color: #1A1B39;
}

.content-select .input-configuracion {
    margin-bottom: 0px;
}

.content-daterangepicker .bs-datepicker-head, .content-datepicker .bs-datepicker-head {
    background: #4DC87E;
    padding: 13px 11px 9px 11px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0px 0px;
    margin-left: -6px;
    margin-right: -6px;
    position: relative;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker-head, .content-datepicker .bs-datepicker-head {
    background: #4DC87E;
    padding: 13px 11px 9px 11px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}

.content-daterangepicker bs-datepicker-navigation-view, .content-datepicker bs-datepicker-navigation-view {
    justify-content: center;
}

.content-daterangepicker .bs-datepicker, .content-datepicker .bs-datepicker {
    margin-bottom: 0px;
    box-shadow: none;
    position: relative;
    z-index: 0;
}

.content-daterangepicker .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
    color: #1A1B39;
    font-size: 2rem;
    margin-top: -14px;
    left: 25px;
    position: absolute;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker button.previous, .content-datepicker .bs-datepicker button.previous {
    color: #FFFFFF;
    font-size: 1.2rem;
    margin-top: -5px;
    left: 25px;
    position: absolute;
}

.content-daterangepicker .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
    color: #1A1B39;
    font-size: 2rem;
    margin-top: -14px;
    right: 25px;
    position: absolute;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker button.next, .content-datepicker .bs-datepicker button.next {
    color: #FFFFFF;
    font-size: 1.2rem;
    margin-top: -5px;
    right: 25px;
    position: absolute;
}

.content-daterangepicker .bs-datepicker button.current, .content-datepicker .bs-datepicker button.current {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker button.current, .content-datepicker .bs-datepicker button.current {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.content-daterangepicker .bs-datepicker td.ng-star-inserted span:not(.bs-chevron), .content-datepicker .bs-datepicker td.ng-star-inserted span:not(.bs-chevron) {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker td.ng-star-inserted span:not(.bs-chevron), .content-datepicker .bs-datepicker td.ng-star-inserted span:not(.bs-chevron) {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
}

.content-daterangepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron), .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 6px 8px;
    height: 18px;
    width: 18px;
    margin: 3px 11px;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron), .content-datepicker .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 2px 4px;
    height: 20px;
    width: 20px;
    margin: 2px 2px;
}

.content-daterangepicker .bs-datepicker th, .content-datepicker .bs-datepicker th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    padding: 0px 5px 5px 5px;
    color: #292D32;
    text-transform: uppercase;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker th, .content-datepicker .bs-datepicker th {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    padding: 0px 0px 5px 0px;
    color: #292D32;
    text-transform: uppercase;
}

.content-daterangepicker .bs-datepicker-body, .content-datepicker .bs-datepicker-body {
    padding: 10px;
    margin: 7px 2px;
    border-radius: 6px;
}

.content-daterangepicker .bs-datepicker-multiple:last-of-type .bs-datepicker-body, .content-datepicker .bs-datepicker-multiple:last-of-type .bs-datepicker-body {
    border-left: 1px solid #D9D9D9;
}

.content-daterangepicker td span, .content-datepicker td span  {
    color: #292D32;
}

.content-daterangepicker td span.disabled, .content-datepicker td span.disabled {
    color: #959595;
}

.content-daterangepicker .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before, .content-datepicker .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #e4f7ec;
    height: 14px;
    left: -25px;
    right: -25px;
    top: 50%;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before, .content-datepicker .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #eee;
    height: 14px;
    left: -14px;
    right: -14px;
    top: 50%;
}

.content-widgets .content-daterangepicker.content-calendar-rango .bs-datepicker td.ng-star-inserted span:not(.selected).in-range::before {
    content: '';
    background: #eee;
    height: 14px;
    left: -10px;
    right: -10px;
    top: 50%;
}

.content-daterangepicker .bs-datepicker td.ng-star-inserted span:not(.selected):hover, .content-datepicker .bs-datepicker td.ng-star-inserted span:not(.selected):hover {
    background: #e4f7ec;
}

.content-daterangepicker .bs-datepicker td.ng-star-inserted span.selected, .content-datepicker .bs-datepicker td.ng-star-inserted span.selected {
    background: #4DC87E;
    color: white;
    z-index: 2;
}

.content-daterangepicker.content-calendar-rango .bs-datepicker td.ng-star-inserted span.selected, .content-datepicker .bs-datepicker td.ng-star-inserted span.selected {
    background: var(--primary);
    color: white;
    z-index: 2;
}

.table-solicitud.formularios th:nth-child(1),
.table-solicitud.formularios td:nth-child(1) {
    max-width: 110px;
}

.table-solicitud.formularios th:nth-child(3),
.table-solicitud.formularios td:nth-child(3) {
    min-width: 160px;
}

.table-historial.aprobacion th:nth-child(2),
.table-historial.aprobacion td:nth-child(2) {
    min-width: 175px;
    max-width: 175px;
}

.modal-bienvenida .input-container.radio label:not(:last-of-type) {
    margin-right: 50px !important;
}

.modal-bienvenida .selection-label {
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: .9rem;
    font-weight: 600;
}

.modal-bienvenida .col-md-3 {
    padding-left: 15px !important;
    margin-bottom: 9px;
}

.modal-bienvenida .selection-label.nacionalidad {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.modal-bienvenida .input-container.no-margin {
    margin-bottom: 0px !important;
}

.modal-bienvenida .mt-top {
    margin-top: 55px !important;
}

.modal-bienvenida .mt-top.candidato {
    margin-top: 45px !important;
}

.modal-bienvenida .mr-top-seccion {
    margin-top: 0px !important;
}

.modal-bienvenida .help-block p {
    margin-bottom: 0px !important;
    margin-left: 30px;
}

.modal-bienvenida .input-container input.form-control {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.modal-bienvenida .content-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.modal-bienvenida .content-grid-column {
    display: grid;
    justify-content: center;
    gap: 10px;
    grid-template-columns: 21vw 40px;
}

.modal-bienvenida .mb-bottom {
    margin-bottom: 20px;
}

.perfil.perfilResp {
    display: none !important;
}

.modal-compartir-whatsapp .modal {
    max-width: 500px;
}

.modal-compartir-whatsapp .text-left {
    margin-right: 25px;
    margin-top: 25px;
}

.modal-compartir-whatsapp .selection-label {
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: .9rem;
    font-weight: 600;
}

.modal-compartir-whatsapp .input-container {
    margin-bottom: -10px;
}

/*.modal-compartir-whatsapp textarea {
    width: 100%;
    max-width: 200px;
    padding: 13px 20px 10px 20px;
    height: 145px;
    max-height: 145px;
    overflow: auto;
    text-align: center;
    resize: none;
}*/

.modal-compartir-whatsapp input {
    width: 100%;
    max-width: 200px;
    padding: 13px 20px;
}

.modal-compartir-whatsapp textarea::-webkit-scrollbar {
    width: 8px;
}

.modal-compartir-whatsapp textarea::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 20px;
}

.modal-compartir-whatsapp textarea::-webkit-scrollbar-track {
    background: #ddd;
}

.modal-ingresando .modal {
    width: 100%;
    max-width: 500px;
}

.modal-ingresando .content-loading {
    display: flex;
    gap: 30px;
    height: 60px;
}

.modal-ingresando .modal-body h3 {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--primary);
}

.modal-codigo-qr .content-column {
    margin-top: 40px;
    margin-bottom: 30px;
}

.modal-codigo-qr .content-qr {
    width: 100%;
    max-width: 300px;
    height: 270px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0 auto;
}

.modal-codigo-qr .image-qr {
    width: 260px;
}

.modal-codigo-qr .content-icon {
    width: 24px;
    height: 24px;
    background: #25d325;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 5px auto;
    cursor: pointer;
}

.modal-codigo-qr .content-icon i {
    color: #FFFFFF;
    cursor: pointer;
}

.modal-codigo-qr i {
    cursor: pointer;
}

.modal-codigo-qr .selection-label.descarga {
    margin-bottom: 5px;
}

.modal-codigo-qr .selection-label.compartir {
    letter-spacing: -1px;
}

.modal-codigo-qr .input-container.switch input:checked ~ span {
    background: var(--primary);
}

.modal-codigo-qr .input-container.switch input ~ span {
    background: #cccccc;
}

.table-solicitud.formularios .inner {
    max-height: 260px;
}

.modal-success .modal {
    max-width: 430px;
    padding: 30px 40px 40px 40px;
}

.modal-success .img-circle {
    margin: 15px auto 25px auto;
    display: block;
}

.modal-success .title {
    font-size: 0.7em;
    font-weight: 600;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.modal-onboarding-colaborador .modal {
    width: 75%;
    padding: 0px;
}

.modal-onboarding-colaborador div.modal-close {
    right: 40px;
    top: 35px;
    z-index: 2;
}

.modal-tomar-captura span.bold {
    font-weight: 600;
}

.modal-tomar-captura .content-grid {
    display: grid;
}

.fondo-visor-colaborador-no-login {
    background: #FFFFFF;
}

.fondo-visor-colaborador-no-login .container.padding-top {
    padding-top: 40px;
}

.fade.overlay.show {
    z-index: 10000001 !important;
}

.content-grid-planilla {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.custom-button.row {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary);
    border: 2px solid #dddddd;
    background-color: white;
    cursor: pointer;
    position: relative;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    border-radius: 10px;
}

.custom-button.row::after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 10px;
    height: 10px;
    background-image: url('path/to/arrow-icon.png'); /* Ensure you have the icon in the correct path */
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-button.row:hover {
    background-color: #f0f0f0;
}

.custom-button.row:disabled {
    background-color: #e0e0e0;
    color: #a0a0a0;
    border-color: #d0d0d0;
    cursor: not-allowed;
    box-shadow: none;
}

.disabled-select {
    pointer-events: none;
    opacity: 0.5;
}

.table-gestion thead .checkbox label span {
    height: 16px;
    width: 18px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #1A1B39;
}

.table-gestion thead td.fixedColumn.checkbox input:checked ~ span {
    background-color: #ffffff;
}

.table-gestion tbody td.fixedColumn.checkbox label span {
    height: 16px;
    width: 16px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #D6D8DB;
}

.table-gestion tbody td.fixedColumn.checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    border: 2px solid #1A1B39;
}

.table-gestion tbody .checkbox label span {
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #1A1B39;
}

.content-label-checkbox .checkbox label span {
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #1A1B39;
}

.content-label-checkbox.asistencia .checkbox label span {
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 6px;
    display: inline-block;
    border: 2px solid #1A1B39;
}

/* .table-gestion thead .checkbox input:checked ~ span {
    background-color: #ffffff;
    background-image: url(../img/time/check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
} */

.table-gestion thead .checkbox input:checked ~ span,
.table-gestion tbody .checkbox input:checked ~ span, 
.content-label-checkbox .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    border: 2px solid #1A1B39;
}

.table-gestion .input-container.switch input:checked ~ span {
    background: #1A1B39;
}

.table-gestion .input-container.switch label span {
    height: 16px;
    width: 34px;
    border-radius: 30px;
}

.table-gestion .input-container.switch span span {
    height: 14px;
    width: 14px;
    left: 2px;
}

.table-gestion-colaboradores th:nth-child(3),
.table-gestion-colaboradores td:nth-child(3) {
    width: 180px;
    max-width: 180px;
    min-width: 180px;
}

.table-gestion-colaboradores th:nth-child(4),
.table-gestion-colaboradores td:nth-child(4) {
    width: 136px;
    max-width: 136px;
    min-width: 136px;
}

.table-gestion-colaboradores th:nth-child(5),
.table-gestion-colaboradores td:nth-child(5) {
    width: 136px;
    max-width: 136px;
    min-width: 136px;
}

.table-gestion-colaboradores th:nth-child(6),
.table-gestion-colaboradores td:nth-child(6) {
    width: 110px;
    max-width: 110px;
    min-width: 110px;
}

.table-gestion-colaboradores th:nth-child(7),
.table-gestion-colaboradores td:nth-child(7) {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.table-gestion-colaboradores th:nth-child(8),
.table-gestion-colaboradores td:nth-child(8) {
    width: 146px;
    max-width: 146px;
    min-width: 146px;
}

.table-gestion-colaboradores th:nth-child(9),
.table-gestion-colaboradores td:nth-child(9) {
    width: 96px;
    max-width: 96px;
    min-width: 96px;
}

/* .table-gestion-colaboradores th:nth-child(10),
.table-gestion-colaboradores td:nth-child(10) {
    width: 0px !important;
    max-width: 0px !important;
    min-width: 0px!important;
} */

.table-gestion-colaboradores .bs-datepicker .days.weeks td[role="gridcell"] {
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
    padding: 4px !important;
}

.table-gestion-colaboradores .bs-datepicker th {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.table-gestion-colaboradores .ng-tb thead tr {
    background: transparent !important;
    color: #292D32;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    text-align: left;
}

.table-gestion-colaboradores .bs-datepicker .ng-tb td, .table-gestion-colaboradores .bs-datepicker .ng-tb th {
    padding: 0px !important;
}

.table-gestion-colaboradores .bs-datepicker td.ng-star-inserted span:not(.bs-chevron) {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
}

.table-gestion-colaboradores .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 3px 5px;
    height: 14px;
    max-height: 14px;
    min-width: 10px;
    width: 10px;
    max-width: 20px;
    margin: 3px 5px;
}

.table-gestion-colaboradores .content-daterangepicker .bs-datepicker th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    padding: 0px 0px 5px 0px;
    color: #292D32;
    text-transform: uppercase;
    text-align: center;
}

.table-gestion-colaboradores .content-daterangepicker .ng-tb tbody tr:not(:last-of-type) td {
    border-bottom: 0px solid #eee;
}

.table-gestion-colaboradores .ng-tb tbody tr:not(:last-of-type) td {
    border-bottom: 0px solid #eee;
}

.table-gestion-colaboradores .ng-tb thead .checkbox label {
    margin-bottom: -4px;
}

.table-gestion-colaboradores .popover-box.text,
app-gestion-de-colaboradores .popover-box.text {
    position: fixed;
    /* transform: translateX(-135%) translateY(0%); */
    z-index: 1;
}

.table-gestion-colaboradores .popover-box.email,
app-gestion-de-colaboradores .popover-box.email {
    position: fixed;
    transform: translateX(-65%) translateY(0%);
    z-index: 1;
}

.table-gestion-colaboradores .popover,
app-gestion-de-colaboradores .popover {
    background: #F5F5F5;
    padding: 30px 15.5px 20px 17px;
    border-radius: 20px;
    border: 2px solid #1A1B39;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    position: sticky;
    width: 100%;
    max-width: 300px;
}

.table-gestion-colaboradores .popover::after,
app-gestion-de-colaboradores .popover::after {
    content: '';
    position: absolute;
    left: -17px;
    top: 43%;
    width: 30px;
    height: 30px;
    background: inherit;
    transform: rotate(135deg);
    box-shadow: inset -6px -6px 0px -4px rgba(26, 27, 57, 1);
}

.table-gestion-colaboradores .overlay.fade,
app-gestion-de-colaboradores .overlay.fade {
    background: none;
}

.modal-previsualizacion-documento.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-previsualizacion-documento .modal {
    position: static;
    width: 100%;
    max-width: 806px;
    border-radius: 10px;
    padding: 0px;
}

.modal-previsualizacion-documento .modal .modal-body {
    background: #1A1B39;
}

.modal-previsualizacion-documento .modal-box {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.modal-previsualizacion-documento .content-visor {
    padding: 0px 10px 0px 0px !important;
}

.modal-previsualizacion-documento .btn-docs-left.btn-resp, .modal-previsualizacion-documento .btn-docs-right.btn-resp {
    border: 1px solid transparent;
    background: transparent;
    pointer-events: none;
}

.modal-previsualizacion-documento .btn-docs-left.btn-resp img, .modal-previsualizacion-documento .btn-docs-right.btn-resp img {
    display: none;
}

.modal-aprobacion-masiva.overlay.fade {
    background: rgba(185, 240, 206, 0.81);
}

.modal-aprobacion-masiva .modal {
    width: 100%;
    max-width: 420px;
    padding: 10px 25px 30px 25px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-aviso-guardar-ubicaciones .modal {
    padding: 10px 25px 40px 25px;
}

.modal-restablecer-contrasena .content-checkbox .checkbox label span, .modal-restablecer-contrasena .radio label span {
    height: 14.2px;
    width: 14.2px;
    border: 1.5px solid #1A1B39;
    border-radius: 3px;
}

.modal-restablecer-contrasena .content-checkbox .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: center;
}

.modal-restablecer-contrasena .content-checkbox .checkbox.disabled label span, .modal-restablecer-contrasena .radio label span {
    border: 1.5px solid #B7B7B7;
}

.modal-restablecer-contrasena .content-checkbox .checkbox.disabled input:checked ~ span {
    background-color: #B7B7B7;
}

.modal-restablecer-contrasena .checkbox.disabled label {
    pointer-events: none;
}

.modal-restablecer-contrasena .help-block p {
    display: flex;
    justify-content: left;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.modal-detalle .modal {
    width: 100%;
    max-width: 811px;
    padding: 25px 55px 15px 55px;
    background: #FFFFFF;
    border: 1px solid #1A1B39;
}

.modal-img .modal {
    width: 100%;
    max-width: 750px;
    padding: 10px 25px 20px 25px;
    background: #F4F5FF;
    border: 1px solid #1A1B39;
}

.content-input-date .input-container {
    margin-bottom: 0px;
}

.content-date.facial .bs-datepicker .days.weeks td[role="gridcell"] {
    width: 20px !important;
    max-width: 20px !important;
    min-width: 20px !important;
    padding: 2px !important;
}

.content-date.facial .bs-datepicker th {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.content-date.facial .ng-tb thead tr {
    background: transparent !important;
    color: #292D32;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    text-align: left;
}

.content-date.facial .bs-datepicker .ng-tb td, .content-date.facial .bs-datepicker .ng-tb th {
    padding: 0px !important;
}

.content-date.facial .bs-datepicker .days.weeks td.ng-star-inserted span:not(.bs-chevron) {
    padding: 3px 5px !important;
    height: 20px !important;
    max-height: 20px !important;
    min-width: 20px !important;
    width: 20px !important;
    max-width: 20px !important;
    margin: 3px 7px !important;
}

.content-date.facial .content-daterangepicker .bs-datepicker th {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    padding: 0px 0px 5px 0px;
    color: #292D32;
    text-transform: uppercase;
    text-align: center;
}

.ul-hijo.rrhh .radio-time label span {
    height: 20px;
    width: 20px;
}

.ul-hijo.rrhh .radio-time input ~ span {
    border-radius: 20px;
}

.table-gestion.dias .inner {
    min-height: 253px;
    max-height: 253px;
}

.table-gestion.dias.detalle .inner {
    min-height: 253px;
    max-height: 565px;
}

.table-gestion.dias.detalle .ng-tb td {
    padding: 18px 0px;
}

.table-gestion.dias.detalle .ng-tb td.resumen {
    padding: 22px 0px;
}
 
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(3),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(4),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(5),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(6),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(7),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(8),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(9),
.table-gestion.dias .ng-tb tbody tr:not(:last-of-type) td:nth-child(10) {
    border-bottom: 1px solid #D1D1D1 !important;
}

.table-gestion.dias .ng-tb td {
    padding: 15px 0px;
    box-sizing: content-box;
    vertical-align: middle;
}

.table-gestion.dias .tb-footer {
    display: none;
}

.table-gestion.dias tr th:first-child,
.table-gestion.dias td:first-child {
    width: 41px !important;
    max-width: 41px !important;
    min-width: 41px !important;
    justify-content: left !important;
}

/* .table-gestion.dias th:nth-child(2),
.table-gestion.dias td:nth-child(2) {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
    left: calc(31px + 10px) !important;
} */

.table-gestion.dias th:nth-child(3),
.table-gestion.dias td:nth-child(3) {
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
}

.table-gestion.dias th:nth-child(4),
.table-gestion.dias td:nth-child(4) {
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
}

.table-gestion.dias th:nth-child(5),
.table-gestion.dias td:nth-child(5) {
    width: 140px !important;
    max-width: 140px !important;
    min-width: 140px !important;
}

.table-gestion.dias th:nth-child(6),
.table-gestion.dias td:nth-child(6) {
    width: 145px !important;
    max-width: 145px !important;
    min-width: 145px !important;
}

.table-gestion.dias th:nth-child(7),
.table-gestion.dias td:nth-child(7) {
    width: 110px !important;
    max-width: 110px !important;
    min-width: 110px !important;
}

.table-gestion.dias th:nth-child(8),
.table-gestion.dias td:nth-child(8) {
    width: 116px !important;
    max-width: 116px !important;
    min-width: 116px !important;
}

.table-gestion.dias th:nth-child(9),
.table-gestion.dias td:nth-child(9) {
    width: 103px !important;
    max-width: 103px !important;
    min-width: 103px !important;
}

.table-gestion.dias th:nth-child(10),
.table-gestion.dias td:nth-child(10) {
    width: 137px !important;
    max-width: 137px !important;
    min-width: 137px !important;
}

/* .table-gestion.dias .ng-tb .sizing-container {
    padding: 9.18px 0px !important;
} */

/* .table-gestion.dias .ng-tb th.checkbox .sizing-container, .table-gestion.dias .ng-tb td.checkbox .sizing-container {
    justify-content: center !important;
} */

.table-gestion.dias .content-opt-title {
    justify-content: left !important;
}

.verticalTable .ng-tb .sizing-container.border {
    border-right: 1px solid #FFFFFF;
}

/*Map leaflet*/ 
/*.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    display: none !important;
}*/

.content-label-checkbox.ubicaciones .checkbox label span {
    height: 14px;
    width: 14px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 1.5px solid #1A1B39;
}

.content-label-checkbox.ubicaciones .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center;
}

.content-label-checkbox.horarios .checkbox label span {
    height: 22px;
    width: 22px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 1.5px solid #1A1B39;
}

.content-label-checkbox.horarios .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.content-label-checkbox.horario .checkbox label span {
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid #1A1B39;
}

.content-label-checkbox.horario .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.content-label-checkbox.horarios.turnos .checkbox input:checked ~ span {
    background-color: #FFFFFF;
    background-image: url(../img/time/check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.content-label-checkbox.colaborador .checkbox label span {
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 4px;
    display: inline-block;
    border: 1.5px solid #1A1B39;
}

.content-label-checkbox.colaborador .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/time/white-check.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

.content-label-checkbox.header.colaborador .checkbox label span {
    height: 14.2px;
    max-height: 14px;
    width: 14.2px;
    border: 1.5px solid #1A1B39;
    border-radius: 3px;
}

.content-label-checkbox.header.colaborador .checkbox input:checked ~ span {
    background-color: #1A1B39;
    background-image: url(../img/white-check.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: center;
}

/* .table-ubicaciones.time .ng-tb > tbody > tr:nth-child(odd) > td,
.table-ubicaciones.time .ng-tb > tbody > tr:nth-child(odd) > th {
    background-color: #FFFFFF !important;
} */

.content-title-sub {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    padding: 0px 0px 3px 0px;
    margin-top: 0px;
}

/* .table-ubicaciones.time .input-container {
    margin-bottom: -8px;
}

.table-ubicaciones.time .content-title-sub {
    margin-top: 5px;
} */

/*Calendario Time*/
.fc-unselectable {
    pointer-events: all !important;
    user-select: all !important;
    -webkit-touch-callout: all !important;
}

/* Header Width */
.calendario-time .fc-resourceTimelineWeek-view .fc-time-area.fc-widget-header {
    background-color: #FFFFFF;
    border: none;
    position: sticky;
    width: 100%;
    height: 46px;
    top: 0px;
    z-index: 3;
}

.calendario-time .fc-resourceTimelineMonth-view .fc-time-area.fc-widget-header {
    background-color: #FFFFFF;
    border: none;
    position: sticky;
    width: 4000px;
    height: 46px;
    top: 0px;
    z-index: 3;
}
/* Header Width */

.calendario-time .fc-scroller-clip {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #DADCE0;
    border-bottom: 1px solid #DADCE0;
    border-right: 1px solid #DADCE0;
}

.calendario-time .fc-unthemed td {
    border-top: none;
}

.calendario-time .fc-event {
    color: #5497B1;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    border-radius: 20px;
    border: none;
    margin: 10px auto 10px auto;
    background-color: transparent;
}

.calendario-time .fc-event:hover {
    color: #4CAEF2;
}

.calendario-time .fc-scroller-clip .fc-scroller {
    height: 100% !important;
}

.calendario-time .fc-scroller-clip .fc-scroller::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.calendario-time .fc-scroller-clip .fc-scroller::-webkit-scrollbar-thumb {
    background: #AEAEAE;
    border-radius: 20px;
}

.calendario-time .fc-scroller-canvas.fc-gutter-right {
    padding-right: 0px !important;
}

.calendario-time .fc-timeline-event .fc-title {
    display: none;
}

.calendario-time .fc-time-title, .calendario-time .fc-time-wrap {
    display: none;
}

.calendario-time .fc-unthemed td.fc-today {
    /*background: rgba(185, 240, 206, 0.2);*/
    background: none;
}

.calendario-time .fc th.fc-widget-header span {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    color: #1A1B39;
    display: table-caption;
    text-transform: capitalize;
    max-width: 22.5px;
}

.calendario-time .fc-today .fc-cell-text {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

.calendario-time .fc-today .fc-cell-text::before {
    content: "";
    background: #4DC87E;
    width: 25px;
    height: 23px;
    border-radius: 20px;
    position: absolute;
    top: 22px;  
    margin-left: -0.9px; 
    z-index: -1;
}

/*Header Number*/
.calendario-time .fc-resourceTimelineWeek-view th {
    max-width: 150px !important;
    min-width: 120px !important;
    height: 46px;
    padding: 0px 0px 0px 5vw;
    white-space: break-spaces;
}

.calendario-time .fc-resourceTimelineMonth-view th {
    max-width: 150px !important;
    min-width: 120px !important;
    height: 46px;
    padding: 0px 0px 0px 2.7vw;
    white-space: break-spaces;
}

.calendario-time .fc-timeline td.fc-widget-content {
    max-width: 150px !important;
    min-width: 120px !important;
}

.calendario-time .fc-view, .fc-view > table {
    position: relative;
    z-index: 0;
}

.calendario-time .fc-resourceTimelineWeek-view .fc-timeline-event {
    margin: 13.5px 1.702vw 0px 1.702vw !important;
}

.calendario-time .fc-resourceTimelineMonth-view .fc-timeline-event {
    margin: 13.5px 1vw 0px 1vw !important;
}

.calendario-time .fc-button-primary {
    max-height: 40px;
    border-radius: 20px;
    padding: 7px 0.7vw 31px 0.7vw;
    background: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.calendario-time .fc-toolbar > * > :not(:first-child) {
    margin-left: 10px;
}

.calendario-time .fc-button-primary.fc-button-active {
    background: #1A1B39 !important;
}

.calendario-time .fc-button-primary:not(:disabled):active:focus, 
.calendario-time .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: none;
}

/* Header */
/*.calendario-time .fc-toolbar.fc-header-toolbar {
    display: none;
}*/

.calendario-time .fc-toolbar.fc-header-toolbar {
    position: absolute;
    top: -60px;
    right: 0px;
    z-index: 1;
}

.calendario-time .fc-resource-area.fc-widget-header {
    display: none;
}

.calendario-time .fc-resource-area.fc-widget-content {
    display: none;
}
/* Header */

.calendario-time .fc-resourceTimelineMonth-view .fc-scroller-clip {
    position: relative;
    border-top: 1px solid #DADCE0;
    border-bottom: 1px solid #DADCE0;
    border-right: 1px solid #DADCE0;
}

.calendario-time .fc-resourceTimelineMonth-view .fc-scroller-canvas colgroup col {
    width: 123px !important;
}

.calendario-time .fc-time-area .fc-rows td>div {
    height: 120.5px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.calendario-time .fc-time-area .fc-rows td>div::-webkit-scrollbar {
    width: 4.85px;
    height: 4.85px;
}

.calendario-time .fc-time-area .fc-rows td>div::-webkit-scrollbar-thumb {
    background-color: #AEAEAE;
    border-radius: 20px;
}

.calendario-time .fc-timeline .fc-divider {
    display: none;
}

.calendario-time .fc-time-area .fc-bgevent {
    position: absolute;
    opacity: 1;
}

.calendario-time .d-none {
    display: none;
}

.calendario-time .fc-time-area .fc-rows .fc-bgevent-container {
    cursor: pointer;
    height: 5px;
    z-index: 3; 
}

.calendario-time .tooltipCalendar,
.tooltipContent {
    position: relative;
}
  
.calendario-time .fc-timeline-event .tooltiptext {
    display: none;
}

.calendario-time .fc-timeline-event .btn-refrigerio.tooltipCalendar .tooltiptext,
.tooltipContent .tooltiptext  {
    visibility: hidden;
    width: auto;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #000000;
    top: 23px;
    left: -44px;
    padding: 0px 7.74px;
}
.tooltipContent .tooltiptext.tt-shadow{
    background-color: #282828 !important;
    color: #fff !important;
}

.calendario-time .fc-timeline-event .btn-refrigerio.tooltipCalendar .tooltiptext::after,
.tooltipContent .tooltiptext::after  {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent;
}
.tooltipContent .tooltiptext.tt-shadow::after{
    border-color: transparent transparent #282828 transparent;
}

.calendario-time .fc-timeline-event .btn-refrigerio.tooltipCalendar:hover .tooltiptext,
.tooltipContent:hover .tooltiptext {
    visibility: visible;
    transition: 0.3s ease-in-out;
}

.calendario-time .fc-bgevent.tooltipCalendar .tooltiptext {
    visibility: hidden;
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #000000;
    top: 6px;
    left: 0px;
    padding: 0px 7.74px;
}
.calendario-time .fc-timeline-event .btn-refrigerio.tooltipCalendar .tooltiptext.tooltip-black{
    background-color: #282828 !important;
    color: #fff !important;
}

.calendario-time .fc-bgevent.tooltipCalendar .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 42%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent;
}

.calendario-time .fc-bgevent.tooltipCalendar:hover .tooltiptext {
    visibility: visible;
    transition: 0.3s ease-in-out;
}

.calendario-time .fc-time-area .fc-bgevent .btn-action, 
.calendario-time .fc-time-area .fc-bgevent .content-btn-refrigerio, 
.calendario-time .fc-time-area .fc-bgevent .content-btn-adicional {
    display: none;
}

.calendario-time .content-text-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendario-time .content-text-title.multi {
    gap: 5px;
    height: 12px;
    padding-bottom: 6px;
}

.calendario-time .content-event {
    display: block;
    background-color: #E3F6FF;
    border-radius: 20px;
}

.calendario-time .content-event.multi {
    border-radius: 20px 20px 0px 0px;
}

.calendario-time .content-event.style {
    margin-top: -16px;
    border-radius: 0px 0px 20px 20px;
}

.calendario-time .content-event.border-none {
    margin-top: -15px;
    border-radius: 0px;
}

.calendario-time .content-event.d-none {
    display: none;
}

.calendario-time .content-btn-horario {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 5px;
    margin-top: -5px;
}

.calendario-time .content-btn-horario.multi {
    padding-top: 3px;
    margin-top: -10px;
}

.calendario-time .content-btn-horario.top {
    padding-top: 3px;
    margin-top: -5px;
}

.calendario-time .content-btn-refrigerio {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.calendario-time .content-btn-refrigerio.multi {
    margin-top: 0px;
}

.calendario-time .content-btn-refrigerio.d-none {
    display: none;
}

.calendario-time .content-btn-adicional.d-none {
    display: none;
}

.calendario-time .btn-refrigerio, .calendario-time .btn-action {
    cursor: pointer;
}

.calendario-time .btn-refrigerio, .calendario-time .btn-action.editarHorario svg > path,
.calendario-time .btn-refrigerio, .calendario-time .btn-action.eliminarHorario svg > path {
    stroke: var(--primary);
}

.calendario-time .btn-refrigerio, .calendario-time .btn-refrigerio svg > path {
    fill: var(--primary);
}

.calendario-time .btn-refrigerio.disabled, 
.calendario-time .btn-action.disabled {
    pointer-events: none;
    box-shadow: none;
}

.calendario-time .btn-adicional.disabled {
    background: #F0F0F0;
    pointer-events: none;
    box-shadow: none;
    border-radius: 5px;
}

.calendario-time .content-btn-adicional {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 0px 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px 0px 20px 20px;
}

.calendario-time .content-btn-adicional.mr-top {
    padding: 30px 0px 0px 0px;
}

.calendario-time .btn-adicional {
    width: 24px;
    height: 24px;
    min-height: 24px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    margin-bottom: 0px;
}

.cursor-pointer{
    cursor: pointer;
}

.table-gestion.table-gestion-colaboradores th:nth-child(20) > *,/*anterior 15*/
.table-gestion.table-gestion-colaboradores td:nth-child(20) > *{/*anterior 15*/
    display: none !important;
}

.table-gestion.table-gestion-colaboradores th:nth-child(20) .sizing-container /*anterior 16*/{
    margin-left: 2rem !important;
}

.table-gestion.reportes .inner {
    max-height: 490px;
}  

.table-gestion.analisis .inner {
    max-height: 537px;
}  

.table-gestion.reportes td, .table-gestion.analisis td {
    line-height: 17px !important;
}

.table-gestion.reportes th, .table-gestion.analisis th {
    padding: 5px 0px !important;
}

.table-gestion.reportes td {
    padding: 11.5px 0px !important;
}

.table-gestion.analisis td {
    padding: 2.5px 0px !important;
}

.table-gestion.reportes thead tr th, .table-gestion.analisis thead tr th {
    border-bottom: 1px solid #4DC87E !important;
}

.table-gestion.reportes .ng-tb thead tr, .table-gestion.analisis .ng-tb thead tr {
    border-bottom: 1px solid #4DC87E !important;
}

.table-gestion.reportes thead tr, .table-gestion.analisis thead tr {
    box-shadow: 0px 0px 1px 0px rgba(77, 200, 126, 1) !important;
}

.table-gestion.reportes tr th:nth-child(-n + 4) {
    top: 0 !important;
    z-index: 2 !important;
    background: #F0F0F0 !important;
}

.table-gestion.reportes tr th:nth-child(-n + 3) .sizing-container, 
.table-gestion.analisis tr th:nth-child(-n + 3) .sizing-container {
    text-align: left !important;
    padding: 9.18px 12px 9.18px 0px !important;
}

.table-gestion.reportes tr td:nth-child(-n + 3), 
.table-gestion.analisis tr td:nth-child(-n + 3) {
    text-align: left !important;
    justify-content: left !important;
}

.table-gestion.reportes th:nth-child(2), .table-gestion.reportes td:nth-child(2),
.table-gestion.analisis th:nth-child(2), .table-gestion.analisis td:nth-child(2) {
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
}

.table-gestion.reportes th:nth-child(3), .table-gestion.reportes td:nth-child(3) {
    width: 185px !important;
    max-width: 185px !important;
    min-width: 185px !important;
    left: calc(34px + 10px) !important;
}

.table-gestion.reportes th:nth-child(4), .table-gestion.reportes td:nth-child(4) {
    width: 157px !important;
    max-width: 157px !important;
    min-width: 157px !important;
    left: calc(219px + 10px);
    z-index: 1;
    background: #F0F0F0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.table-gestion.reportes tr th:nth-child(4) .sizing-container {
    justify-content: center !important;
}

.table-gestion.analisis th:nth-child(3), .table-gestion.analisis td:nth-child(3) {
    width: 165px !important;
    max-width: 165px !important;
    min-width: 165px !important;
    left: calc(34px + 10px) !important;
}

.table-gestion.reportes th:nth-child(5), .table-gestion.reportes td:nth-child(5),
.table-gestion.reportes th:nth-child(6), .table-gestion.reportes td:nth-child(6) {
    width: 165px !important;
    max-width: 165px !important;
    min-width: 165px !important;
}

.table-gestion.reportes th:nth-child(7), .table-gestion.reportes td:nth-child(7),
.table-gestion.reportes th:nth-child(8), .table-gestion.reportes td:nth-child(8),
.table-gestion.reportes th:nth-child(9), .table-gestion.reportes td:nth-child(9),
.table-gestion.reportes th:nth-child(10), .table-gestion.reportes td:nth-child(10),
.table-gestion.reportes th:nth-child(11), .table-gestion.reportes td:nth-child(11),
.table-gestion.reportes th:nth-child(12), .table-gestion.reportes td:nth-child(12),
.table-gestion.reportes th:nth-child(13), .table-gestion.reportes td:nth-child(13),
.table-gestion.reportes th:nth-child(14), .table-gestion.reportes td:nth-child(14) {
    width: 115px !important;
    max-width: 115px !important;
    min-width: 115px !important;
}

.table-gestion.reportes th:nth-child(15), .table-gestion.reportes td:nth-child(15) {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}

.table-gestion.analisis th:nth-child(4), .table-gestion.analisis td:nth-child(4) {
    width: 95px !important;
    max-width: 95px !important;
    min-width: 95px !important;
}

.table-gestion.analisis th:nth-child(5), .table-gestion.analisis td:nth-child(5) {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}

.table-gestion.analisis th:nth-child(6), .table-gestion.analisis td:nth-child(6) {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

.table-gestion.analisis th:nth-child(7), .table-gestion.analisis td:nth-child(7) {
    width: 115px !important;
    max-width: 115px !important;
    min-width: 115px !important;
}

.table-gestion.analisis th:nth-child(9), .table-gestion.analisis td:nth-child(9) {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

.table-gestion.analisis th:nth-child(8), .table-gestion.analisis td:nth-child(8),
.table-gestion.analisis th:nth-child(10), .table-gestion.analisis td:nth-child(10),
.table-gestion.analisis th:nth-child(12), .table-gestion.analisis td:nth-child(12),
.table-gestion.analisis th:nth-child(13), .table-gestion.analisis td:nth-child(13),
.table-gestion.analisis th:nth-child(15), .table-gestion.analisis td:nth-child(15),
.table-gestion.analisis th:nth-child(16), .table-gestion.analisis td:nth-child(16) {
    width: 166px !important;
    max-width: 166px !important;
    min-width: 166px !important;
}

.table-gestion.analisis th:nth-child(11), .table-gestion.analisis td:nth-child(11) {
    width: 105px !important;
    max-width: 105px !important;
    min-width: 105px !important;
}

.table-gestion.analisis th:nth-child(14), .table-gestion.analisis td:nth-child(14) {
    width: 187px !important;
    max-width: 187px !important;
    min-width: 187px !important;
}

.table-gestion.analisis th:nth-child(17), .table-gestion.analisis td:nth-child(17) {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
}

.table-gestion.analisis th:nth-child(18), .table-gestion.analisis td:nth-child(18) {
    width: 180px !important;
    max-width: 180px !important;
    min-width: 180px !important;
}

.table-gestion.analisis th:nth-child(19), .table-gestion.analisis td:nth-child(19) {
    width: 180px !important;
    max-width: 180px !important;
    min-width: 180px !important;
}
.table-gestion.analisis th:nth-child(20), .table-gestion.analisis td:nth-child(20),
.table-gestion.analisis th:nth-child(21), .table-gestion.analisis td:nth-child(21),
.table-gestion.analisis th:nth-child(22), .table-gestion.analisis td:nth-child(22) {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}

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

.modal-horario .error-block p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.modal-horario .error-block p {
    color: #fc4b6c;
}

.apexcharts-tooltip {
    font-family: 'Poppins', sans-serif;
    font-size: 12px !important;
    color: #000000;
    background: #FFFFFF;
    padding: 1px 4px;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
}

/*Buscador gmaps*/
.pac-container {
    z-index: 999999999 !important;
}

.drop-content-list-filter{
    position: absolute;
    z-index: 3;
    width: 100%;
}
.drop-content-list-filter>.drop-content{
    margin-top:0 !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
.drop-content-list-filter>.content-drop-search-plus,
.drop-content-list-filter>.content-drop-search{
    background-color:#1A1B39;
    margin-top:7px;
    border-radius: 6px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

/* .select-control-picker{} */
.select-control-picker>.select-control{
    position: relative;
}
.select-control-picker>.select-control>.form-control.autocomplete-container{
    height:48px;
    padding: 14px 22px;
    cursor: pointer;
}
.select-control-picker>.select-options{
    position: absolute;
    padding-top: 6px;
    width: 100%;
    z-index: 9999;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    margin-top: 1px;
    box-shadow: 0 1px 5px #959595;
}
.select-control-picker>.select-options>.select-search{
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 10px 0;
}
.select-control-picker>.select-options>.select-search>input{
    border: 0;
    width: 100%;
    padding: 0 26px;
}
.select-control-picker>.select-options>.select-option-list{
    padding-bottom: 10px;
}
.select-control-picker>.select-options>.select-option-list>.select-option-list-content{
    display:block;
    /* overflow-y: scroll; */
    min-height:42px;
    max-height: 210px;
}
.select-control-picker>.select-options>.select-option-list>.select-option-list-content.scroll{
    overflow-y: scroll;
}
.select-control-picker>.select-options>.select-option-list>.select-option-list-content>div{
    padding: 10px 26px;
    cursor: pointer;
    text-align: left;
}
.select-control-picker>.select-options>.select-option-list>.select-option-list-content>div:not(.no-results):hover{
    background-color: #cae2ec;
}
.select-control-picker>.select-options>.select-option-list>.select-option-list-content>div.no-results{
    color: #b3b3b3;
    cursor: default !important;
}



.modal-custom-top .modal{
    width: 100%;
    max-width: 463px;
    padding: 20px 20px 30px 20px;
    border: 2px solid #1A1B39;
    background: #F4F5FF;
}
.modal-custom-top .content-modal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 45px;
}
.modal-custom-top .content-modal-title p{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #1A1B39;
    display: contents;
}
.modal-custom-top input[type="number"]{
    text-align: center;
    max-width: 100px;
    background-color: #fff;
    color: #1A1B39;
}
.modal-custom-top .content-btn-docs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.modal-custom-top .content-btn-docs .btn-modal.disabled{
    background: #535361;
    pointer-events: none;
}
.modal-custom-top .content-btn-docs .btn-modal{
    width: 100%;
    max-width: 129px;
    max-height: 50px;
    border-radius: 20px;
    background: #1A1B39;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 31px;
    cursor: pointer;
    color: #fff;
}

.content-abc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.content-abc span {
    font-size: 14px;
    font-weight: bold;
}

.content-abc span.border {
    margin-top: -2px;
}

.content-abc span.all {
    cursor: pointer;
}

.content-abc span.all.active {
    color: var(--primary); 
}

.content-abc span.all.disabled {
    pointer-events: none;
}

.content-abc .page-nav.number {
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-abc .pagination.disabled {
    pointer-events: none;
}

.content-abc .pagination span {
    height: 30px;
    width: 30px;
    margin: 0 0px;
    text-align: center;
}

.content-abc .pagination .page-nav.number.current {
    width: 30px;
    height: 30px;
}

/*Reducir altura*/
.input-container label.topKonecta {
    top: 0;
    font-size: .4rem;
    background: white;
    padding: 0 5px;
    left: 10px;
    z-index: 999;
}

/*Agregado para onboarding Safresco*/
.modal-bienvenida.fade.overlay.show {
    z-index: 999999 !important;
}

.modal-onboarding-colaborador.fade.overlay.show {
    z-index: 999999 !important;
}

/* Contenedor principal para "Por horas" + horas */
.por-horas-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    gap: 0.5rem;
  }
  
  .por-horas-label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.3rem;
  }
  
  .checkbox-por-horas {
    margin-right: 0.5rem;
  }
  
  .hora-input {
      width: 100px;
      text-align: center;
      font-size: 1rem;
      padding: 5px;
      box-sizing: border-box;
  }  
  
  .ausencia-container {
    margin-bottom: 1rem;
  }
  
  .ausencia-label {
    font-weight: bold;
    margin-right: 0.5rem;
  }

  /*fix adicionales para la tabla de selector de pendientes*/
  .docs-table-corregida {
    width: 100%;
    min-width: 400px;
    text-align: left;
    table-layout: fixed;
  }
  
  table.docs-table-corregida tr th {
    padding: 10px 0;
    border-bottom: 1px solid var(--primary);
    text-transform: uppercase;
    font-size: .9rem;
    color: var(--primary);
    white-space: normal;
    word-break: break-word;
  }
  
  table.docs-table-corregida tr td {
    padding: 10px 0;
    white-space: normal;
    word-break: break-word;
  }
  
  table.docs-table-corregida tr:not(:last-of-type) td {
    border-bottom: 1px solid #ccc;
  }
  
  table.docs-table-corregida th:first-child,
  table.docs-table-corregida td:first-child {
    width: 200px;
  }