/* @base_red: #E1251B; 
    @base_yellow: #FFBF3C;
    @base_green: #80BC00;
    @base_blue_purpled: #49587C;
    @base_dark_blue: #323E48;
    @base_light_gray: #F7F7F7;
    @base_mid_gray: #E1E3E4;
    @base_dark_gray: #7D858C;
 */
 @font-face {
   font-family: 'Barlow Semi Condensed';
   src: url('../fonts/BarlowSemiCondensed-Regular.eot');
   src: url('../fonts/BarlowSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
     url('../fonts/BarlowSemiCondensed-Regular.woff2') format('woff2'),
     url('../fonts/BarlowSemiCondensed-Regular.woff') format('woff'),
     url('../fonts/BarlowSemiCondensed-Regular.ttf') format('truetype'),
     url('../fonts/BarlowSemiCondensed-Regular.svg#BarlowSemiCondensed-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Barlow Semi Condensed Bold';
   src: url('../fonts/BarlowSemiCondensed-SemiBold.eot');
   src: url('../fonts/BarlowSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/BarlowSemiCondensed-SemiBold.woff2') format('woff2'),
     url('../fonts/BarlowSemiCondensed-SemiBold.woff') format('woff'),
     url('../fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype'),
     url('../fonts/BarlowSemiCondensed-SemiBold.svg#BarlowSemiCondensed-SemiBold') format('svg');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }

 body * {
   font-family: 'Barlow Semi Condensed', sans-serif;
 }

 input[type=password], input[type=text],
 .select2-container--default {
   height: auto !important;
   width: 100% !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: auto !important;
 }


 .responsable .select2.select2-container {
   width: 100% !important;
 }

 .dropdown-menu .mcf-cuestionario-content-row {
   display: flex !important;
 }

 .dropdown-toggle i {
   color: #323E48;
 }

 .back-base-red {
   background-color: #E1251B;
 }

 .back-base-yellow {
   background-color: #FFBF3C;
 }

 .back-base-green {
   background-color: #80BC00;
 }

 .back-base-blue-purpled {
   background-color: #49587C;
 }

 .back-base-dark-blue {
   background-color: #323E48;
 }

 .back-base-light-gray {
   background-color: #F7F7F7
 }

 .mcf-vertical-align {
   display: table-cell;
   vertical-align: middle;
   align-self: center;
 }

 .mcf-vertical-align>input {
   margin: 0 !important;
 }

 .mcf-p-title {
   font-size: 16px;
   font-family: 'Barlow Semi Condensed Bold';
   font-weight: bold;
 }

 .mcf-p-content {
   font-size: 14px;
 }

 .mcf-btn,
 .mcf-btn:hover,
 .mcf-btn:focus,
 .mcf-btn:active,
 .mcf-btn-sm,
 .mcf-btn-sm:hover,
 .mcf-btn-sm:focus,
 .mcf-btn-sm:active {
   text-decoration: none;
 }

 .mcf-btn {
   border: none !important;
   font-size: 14px;
   border-radius: 10px !important;
   display: flex;
   width: 170px;
   height: 50px;
   padding: 15px 10px !important;
   text-align: center;
   justify-content: center;
   align-items: center;
   font-weight: 700;
   -webkit-transition: all .4s ease;
   transition: all .4s ease, all .4s ease;
 }

 .mcf-btn-sm {
   border: none !important;
   font-size: 14px;
   border-radius: 10px !important;
   display: flex;
   width: 130px;
   height: 40px;
   padding: 10px 10px !important;
   text-align: center;
   justify-content: center;
   align-items: center;
   font-weight: 700;
   -webkit-transition: all .4s ease;
   transition: all .4s ease, all .4s ease;
 }

 .mcf-btn>i, .mcf-btn-sm>i {
   margin-left: 5px;
   margin-right: 5px;
   font-size: 1.1rem;
   margin-top: 0.1rem;
 }

 .btn-remove,
 .btn-remove-all-mis-asig,
 .btn-remove-all-ofi-auto {
   display: inline-block;
   padding: 10px;
   color: #E1251B;
   border: 1px solid #E1251B;
   border-radius: 20px;
   margin: auto;
   cursor: pointer;
 }

 .mcf-btn-dropdown-item {
   display: flex;
   width: 100%;
   padding: 0.25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   transition: all .4s ease;
   -webkit-transition: all .4s ease;
 }

 .mcf-btn-dropdown-item:hover,
 .mcf-btn-dropdown-item:visited {
   text-decoration: none;
   color: #323E48;
 }

 .mcf-btn-dropdown-item:hover {
   background-color: #E1E3E4;
 }

 .mcf-btn-dropdown-item .mcf-flex-one {
   padding-left: 0.5rem;
 }

 .new-assign:hover,
 .btn-remove:hover,
 .btn-remove-all:hover,
 .btn-remove-all-mis-asig:hover,
 .btn-remove-all-ofi-auto:hover {
   background: #E1251B !important;
   color: #fff !important;
   text-decoration: none !important;
 }

 /* START BTN RED */

 .mcf-btn-red, .mcf-btn-red:active, .mcf-btn-red:focus {
   background-color: #E1251B !important;
   color: white !important;
 }

 .mcf-btn-red-outline,
 .mcf-btn-red-outline:active,
 .mcf-btn-red-outline:focus {
   border: 1px #E1251B solid !important;
   background-color: white !important;
   color: #E1251B !important;
 }

 .mcf-btn-red:hover {
   background-color: #323E48 !important;
   color: white !important;
 }

 .mcf-btn-red-outline:hover {
   background-color: #E1251B !important;
   color: white !important;
 }

 /* END BTN RED */

 /* START BTN DARK BLUE */

 .mcf-btn-dark-blue, .mcf-btn-dark-blue:active, .mcf-btn-dark-blue:focus {
   background-color: #323E48 !important;
   color: white !important;
 }

 .mcf-btn-dark-blue-outline,
 .mcf-btn-dark-blue-outline:active,
 .mcf-btn-dark-blue-outline:focus {
   border: 1px #323E48 solid !important;
   background-color: white !important;
   color: #323E48 !important;
 }

 .mcf-btn-dark-blue:hover {
   background-color: #323E48 !important;
   color: white !important;
 }

 .mcf-btn-dark-blue-outline:hover {
   background-color: #323E48 !important;
   color: white !important;
 }

 /* END BTN DARK BLUE */

 /* START BTN GREEN */

 .mcf-btn-green, .mcf-btn-green:active, .mcf-btn-green:focus {
   background-color: #80BC00 !important;
   color: white !important;
 }

 .mcf-btn-green-outline,
 .mcf-btn-green-outline:active,
 .mcf-btn-green-outline:focus {
   border: 1px #80BC00 solid !important;
   background-color: white !important;
   color: #80BC00 !important;
 }

 .mcf-btn-green:hover {
   background-color: #80BC00 !important;
   color: white !important;
 }

 .mcf-btn-green-outline:hover {
   background-color: #80BC00 !important;
   color: white !important;
 }

 /* END BTN GREEN */

 .mcf-button-tab-navigator {
   background: none;
   width: 170px;
   color: #323E48;
   border-color: transparent;
   border-radius: 0;
   line-height: unset;
   padding: 0rem;
   height: 45px;
   font-size: 16px;
 }

 .tbl-options button.active {
   border-bottom: 3px solid #323E48;
   background: none;
 }

 .mcf-flex-one {
   flex: 1
 }

 .nuevaclase {
   border: 1px;
   width: 160px;
   font-family: 'Roboto', bold;
 }

 .search_asignaciones {
   text-align: right;
   position: relative;
   top: 40px;
 }

 .nuevaclase2 {
   color: black;
   font-family: 'Roboto', bold;
 }

 .search_asignaciones input {
   max-width: 275px;
   border-radius: 15px;
   display: inline-block;
   padding: 15px;
   height: 25px;
 }

 .dropdown-toggle::after {
   display: none !important;
 }

 .dropdown-item {
   padding: 0.25rem 0.5rem !important;
 }

 .dropdown-item>i {
   padding-top: 5px;
 }

 .check_tipo .select2.select2-container {
   width: 150px !important;
 }

 .responsable .select2 .select2-selection .select2-selection__rendered {
   font-size: 12px;
 }

 .checklistWrapper {
   position: relative;
 }

 .preloader {
   /* background: url("/wp-content/themes/innova-checklist-2-0/images/preloader.gif"); */
   background-size: contain;
   background-position: center;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, .8);
   position: absolute;
   z-index: 10;
   display: none;
 }

 .off {
   display: none !important;
 }
 .on {
     width: 100%;
     max-width: 400px;
     height: auto;
     margin: 10% auto;
 }

 .warn {
   background: #ffe2df !important;
 }

 .warn-na {
   background: #d6d8d9 !important;
 }

 .qstn-wrapper {
   margin: 35px 55px;
 }

 .qstn-wrapper label {
   font-weight: bolder;
   margin-top: 10px;
 }

 .qstns-detail textarea, .upload {
   margin: auto;
   overflow: auto;
 }

 .qstns-detail textarea {
   background: #F5F5F3;
   border: none;
 }

 .qstn-row {
   padding: 5px;
 }

 .qstn-row input[type="radio"] {
   margin-right: 10px;
 }

 .qstn-list {
   max-width: 550px;
   width: 100%;
 }

 .qstns-detail {
   position: relative;
   background: #fff;
   border-radius: 25px;
   display: inline-block;
   width: 100%;
   min-height: 200px;
   text-align: left;
   margin: 10px 0;
   padding: 0 0 20px 0;
 }

 .qstn, .qstn-heading, .qstn-orng {
   display: block;
   width: 100%;
   min-height: 40px;
   background: #fff;
   color: #323E48;
   border-radius: 25px;
   margin: 10px 0;
   cursor: pointer;
 }

 .qstn-orng {
   background: #FF9E18;
 }

 .qstn-orng p {
   color: #fff;
   line-height: 40px;
   text-align: left;
 }

 .qstn-heading {
   background: none;
 }

 .qstn:hover, .qstn:hover p, .qstn.active, .qstn.active p {
   background: #1c345e;
   color: #fff;
 }

 .qstn p, .qstn span, .qstn a, .qstn-heading p, .qstn-heading span, .qstn-heading a {
   display: inline-block;
   padding: 5px;
   margin-top: 20px;
 }

 .qstn-heading p, .qstn-heading span {
   color: #76BC21 !important;
 }

 .qstn p, .qstn-heading p {
   width: 67%;
   text-align: left;
 }

 .qstn-wrapper label {
   width: 100%;
 }

 .qstn span, .qstn-heading span {
   width: 20%;
 }

 .w60 {
   width: 50%;
 }

 .save-colab {
   display: inline-block;
   width: 25px;
   height: 25px;
   color: #fff;
   font-size: 25px;
   background: #303e48;
   border-radius: 5px;
   line-height: 20px;
   cursor: pointer;
 }

 .save-colab:hover {
   background: #76BC21;
   color: #fff;
 }

 .colab-warning {
   font-size: 14px;
   color: #ff0000;
   text-align: center;
 }

 .colab {
   background: #fff;
   border-radius: 25px;
   display: inline-block;
   margin: 5px;
 }

 .colab span {
   padding: 0 10px;
   position: relative;
   top: -4px;
 }

 .colab a {
   cursor: pointer;
   background: #ea5442;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   color: #fff !important;
   font-size: 35px;
   display: inline-block;
   line-height: 20px;
 }

 .ejecutivo {
   background: #fff;
   border-radius: 25px;
   display: inline-block;
   margin: 5px;
 }

 .ejecutivo span {
   padding: 0 10px;
   position: relative;
   top: -4px;
 }

 .ejecutivo a {
   cursor: pointer;
   background: #ea5442;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   color: #fff !important;
   font-size: 35px;
   display: inline-block;
   line-height: 20px;
 }

 .save-ejecutivo {
   display: inline-block;
   width: 25px;
   height: 25px;
   color: #fff;
   font-size: 25px;
   background: #303e48;
   border-radius: 5px;
   line-height: 20px;
   cursor: pointer;
 }

 .save-ejecutivo:hover {
   background: #76BC21;
   color: #fff;
 }

 .close {
   color: white;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }

 .close:hover,
 .close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
 }

 .adjunto {
   color: #007bff !important;
   margin: 10px 0;
   display: inline-block;
 }

 .revisiones, .cumplimiento {
   width: 100px;
   height: 25px;
 }

 .titulo-qstn {
   position: relative;
   margin: 10px;
 }

 .titulo-qstn span {
   display: inline-block;
   width: 30px;
   height: 20px;
   background: #323E48;
   margin-right: 10px;
   color: #fff;
   text-align: center;
   position: absolute;
   left: -35px;
   top: -2px;
   font-weight: bolder;
   line-height: 20px;
 }

 .inlblc {
   display: inline-block;
 }

 .p-head {
   margin: 10px;
   text-align: left;
   padding: 0;
 }

 .imgn {
   display: inline-block;
 }

 .flt-r {
   float: right;
 }

 .bloc {
   display: inline-block;
   margin: 50px auto;
   vertical-align: top;
   padding: 0 20px;
 }

 .uploadfile {
   display: none;
 }

 @keyframes flash {
   0% {
     background-color: transparent;
   }

   50% {
     background-color: #fbf8b2;
   }

   100% {
     background-color: transparent;
   }
 }

 @-webkit-keyframes flash {
   0% {
     background-color: transparent;
   }

   50% {
     background-color: #FFC600;
   }

   100% {
     background-color: transparent;
   }
 }

 @-moz-keyframes flash {
   0% {
     background-color: transparent;
   }

   50% {
     background-color: #FFC600;
   }

   100% {
     background-color: transparent;
   }
 }

 @-ms-keyframes flash {
   0% {
     background-color: transparent;
   }

   50% {
     background-color: #FFC600;
   }

   100% {
     background-color: transparent;
   }
 }

 .flash {
   -moz-animation: flash 2s;
   -moz-animation-iteration-count: 1;

   -webkit-animation: flash 2s;
   -webkit-animation-iteration-count: 1;

   -ms-animation: flash 2s;
   -ms-animation-iteration-count: 1;
 }

 .modal-body {
   padding: 15px;
 }

 .modal-body {
   padding: 0;
 }

 .modal-header {
   padding: 2px 16px;
   color: white;
 }

 .modal-header h2 {
   padding: 10px;
 }

 .acciones {
   /* position: fixed; */
   bottom: 10px;
   text-align: center;
   /* width: 100%; */
   z-index: 100;
   justify-content: center;
 }

 hr.styler {
   border-top: 1px dashed #8c8b8b !important;
   border-bottom: 1px dashed #fff !important;
 }

 .aside1 {
   background-color: transparent;
   padding: 15px;
   color: #ffffff;
   text-align: center;
   font-size: 14px;
   /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
 }

 .aside2 {
   background-color: transparent;
   padding: 15px;
   color: #ffffff;
   text-align: center;
   font-size: 14px;
   /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
 }

 /* For mobile phones: */
 .fc-scrollgrid [class*="col-"] {
   width: 100%;
   float: none;
 }

 .menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }

 .display-on {
   display: block;
 }

 .display-off {
   display: none;
 }

 /* START Estilos Tarjetas */
 .mcf-tarjeta {
   width: 90%;
   margin: 20px 0;
   border-radius: 15px;
   /*display: inline-block;*/
 }

 .mcf-tarjetama {
   width: 90%;
   height: 140px;
   margin: 20px 0;
   border-radius: 10px;
   padding-left: 30px;
   padding-top: 20px;
   background-color: #9fcdff;
   /*display: inline-block;*/
 }

 .mcf-fase1 {
   width: 55%;
   height: 140px;
   border: 0px solid transparent;
   background-color: #F5F4F3;
   float: left;
   border-bottom-left-radius: 10px;
   border-top-left-radius: 10px;
   text-align: left;
   padding: 15px 20px;
   display: block !important;
 }

 .mcf-fase2 {
   width: 20%;
   height: 140px;
   /*padding: 0px;*/
   border: 0px solid transparent;
   background-color: #ffffff;
   display: inline-block;
   float: none;
   text-align: center;
   padding-top: 8px;
   padding-bottom: 8px;
 }

 .mcf-fase3 {
   width: 20%;
   height: 140px;
   /*padding: 0px;*/
   border: 0px solid transparent;
   background-color: #E9EEF1;
   display: inline-block;
   float: right;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
   text-align: center;
   padding-top: 8px;
   padding-bottom: 8px;
   /*padding-top: 15px;*/
 }

 .mcf-fase5 {
   width: 18%;

   /*padding: 0px;*/
   border: 0px solid transparent;
   background-color: #9fcdff;
   display: inline-block;
   float: none;
   text-align: center;
   padding-top: 8px;
   padding-bottom: 8px;
 }

 /* END Estilos Tarjetas */


 /* START Estilos Select Vista Tabla Combo Rojo */
 .select-vista-tabla {
   width: 66%;
   background-color: white;
   color: #ea4630;
   border: 1px solid #ea4630;
   border-radius: 15px;
   height: 20px;
   font-size: smaller;
   align-items: center;
   align-content: center;
   text-align: center;
   text-align-last: center;
   padding: 0px;
 }

 .select-vista-tabla:focus {
   outline: 0;
 }

 /* END Estilos Select Vista Tabla Combo Rojo */


 /* START Modal Content */
 .modal-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   width: 80%;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s
 }

 .modalperiodo {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Stay in place */
   z-index: 999;
   /* Sit on top */
   padding-top: 100px;
   /* Location of the box */
   left: 0;
   top: 0;
   width: 100% !important;
   /* Full width */
   height: 100% !important;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: rgb(255, 255, 255);
   /* Fallback color */
   background-color: rgba(255, 255, 255, 0.7);
   /* Black w/ opacity */
 }

 .modaleliminar {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Stay in place */
   z-index: 999;
   /* Sit on top */
   padding-top: 100px;
   /* Location of the box */
   left: 0;
   top: 0;
   width: 100% !important;
   /* Full width */
   height: 300px !important;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: rgb(0, 0, 0);
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
 }

 .modalperiodo-content {
   position: relative;
   background-color: #eeecec;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   width: 60%;
   height: 80%;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s
 }

 .modaleliminar-content {
   position: relative;
   background-color: #eeecec;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   width: 60%;
   height: 80%;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s
 }

 .modalperiodo-header {
   padding: 2px 16px;
   color: #656567 !important;
   border: 1px solid #656567 !important;
   border-radius: 8px !important;
   text-align: center !important;
   margin: 6px !important;
   background-color: #cff6b6;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 }

 .modalperiodo-header h2 {
   padding: 10px;
   color: #656567 !important;
 }

 .modalperiodo-body {
   padding: 15px;
   text-align: center;
 }

 .modalperiodo-body {
   padding: 0;
 }

 .modaleliminar-header {
   padding: 2px 16px;
   color: #656567 !important;
   border: 1px solid #656567 !important;
   border-radius: 8px !important;
   text-align: center !important;
   margin: 6px !important;
   background-color: #cff6b6;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 }

 .modaleliminar-header h2 {
   padding: 10px;
   color: #656567 !important;
 }

 .modaleliminar-body {
   padding: 15px;
   text-align: center;
 }

 .modaleliminar-body {
   padding: 0;
 }

 .modaleliminar-footer {
   padding: 15px;
   text-align: right;
 }

 .modaleliminar-footer {
   padding: 0;
 }

 /* Add Animation */
 @-webkit-keyframes animatetop {
   from {
     top: -300px;
     opacity: 0
   }

   to {
     top: 0;
     opacity: 1
   }
 }

 @keyframes animatetop {
   from {
     top: -300px;
     opacity: 0
   }

   to {
     top: 0;
     opacity: 1
   }
 }

 /* END Modal Content */

 /* START The Modal (background) */
 .modal {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Stay in place */
   z-index: 1;
   /* Sit on top */
   padding-top: 100px;
   /* Location of the box */
   left: 0;
   top: 0;
   width: 100%;
   /* Full width */
   height: 100%;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: rgb(0, 0, 0);
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
 }

 /* END The Modal (background) */




 /* START NEW TABLE STYLES */

 .tbl-header {
   width: 100%;
   display: flex;
   flex-direction: column;
 }

 .tbl-options {
   width: 100%;
   display: flex;
   flex-direction: row;
   margin: 1rem 0;
 }

 .tbl-option-navigation-one {
   text-align: center;
   flex: 1;
   margin-left: 5px;
   margin-right: 5px;
   align-self: center;
   text-align: -webkit-center;
   height: 37px;
 }

 .tbl-option-navigation-two {
   flex: 2;
   margin-left: 5px;
   margin-right: 5px;
 }

 .tbl-option-navigation-one>input[type="date"],
 .tbl-option-navigation-one>select {
   width: 100% !important;
   height: 100% !important;
   border-radius: 10px !important;
   background-color: #F1F2F2 !important;
 }

 .mcf-tbl {
   border-collapse: collapse;
   width: 100%;
 }

 .mcf-tbl th.tbl-marcar {
   text-align: center;
   display: flex;
   flex-direction: row-reverse;
   padding: 8px;
   font-family: 'Barlow Semi Condensed Bold';
 }

 .mcf-tbl th>input {
   margin-right: 10px;
 }

 .mcf-tbl input[type='checkbox'] {
   content: none;
   margin-right: 10px !important;
   -webkit-appearance: none !important;
   background-color: #fafafa !important;
   border: 1px solid #cacece !important;
   padding: 7px !important;
   border-radius: 10px !important;
   display: inline-block !important;
   position: relative !important;
   color: #000000 !important;
   height: 10px !important;
   width: 10px !important;
 }

 .mcf-tbl input[type='checkbox']:checked:after {
   content: '\2688' !important;
   font-size: 14px !important;
   position: absolute !important;
   top: -2px !important;
   left: 4px !important;
   color: #99a1a7 !important;

   display: block !important;
   width: auto !important;
   height: auto !important;
   border: none !important;
   border-width: none !important;
 }

 .mcf-tbl input[type='checkbox']:active,
 .mcf-tbl input[type='checkbox']:checked:active {
   box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px 1px 3px rgb(0 0 0 / 10%);
 }

 .mcf-tbl input[type='checkbox']:checked {
   background-color: #e9ecee !important;
   border: 1px solid #adb8c0 !important;
   color: #000000 !important;
 }

 .mcf-tbl input[type=checkbox]:before {
   content: none !important;
   display: none !important;
   position: absolute !important;
   width: 0 !important;
   height: 0 !important;
   top: 0 !important;
   left: 0 !important;
   background-color: transparent !important;
   border-radius: 0px !important;
 }

 .fa-chevron-down,
 .fa-chevron-down:hover,
 .fa-chevron-down:focus,
 .fa-chevron-down:active,
 .fa-chevron-up,
 .fa-chevron-up:hover,
 .fa-chevron-up:focus,
 .fa-chevron-up:active,
 .fa-sort,
 .fa-sort:hover,
 .fa-sort:focus,
 .fa-sort:active,
 thead>.sololineatr>th {
   color: #7D858C;
   text-decoration: none;
   font-weight: normal;
 }

 .mcf-tbl .sololineath {
   padding: 8px;
   text-align: left;
   border-bottom: 0px solid #B3B3B3;
   font-family: 'Barlow Semi Condensed Bold';
 }

 .mcf-tbl tbody .sololineatr {
   border-bottom: 1px solid #B3B3B3;
 }

 .mcf-tbl tbody td {
   /* border-bottom: 1px solid #E1E3E4 !important; */
   font-size: 12px !important;
 }

 .mcf-tbl tbody .sololineatr>td {}

 .sololineatd1 {
   /* background-color: #F5F4F3; */
 }

 .mcf-tbl-cell {
   padding: 20px;
   text-align: left;
   border-bottom: 1px solid #E1E3E4;
 }

 .mcf-tbl-cell-double {
   padding: 20px;
   text-align: left;
   /* border-bottom: 1px solid #E1E3E4; */
   display: flex;
   flex-direction: column;
 }

 .mcf-tbl-cell-double-one {
   font-family: 'Barlow Semi Condensed Bold';
 }

 .mcf-tbl-cell-double-two {}

 /* END NEW TABLE STYLES */



 /* START CONTAINER FOR NAV AND MAIN SCREEN */
 .mcf-main-container {
   flex-direction: column !important;
   display: flex;
   height: 100%;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
 }

 .mcf-submain-container {
   width: 100%;
   height: 100%;
   flex: 1 0 auto;
   align-items: flex-start;
   display: flex;
   justify-content: center;
   flex-direction: row !important;
 }

 .mcf-sidebar-nav {
   width: 237px;
   height: 100%;
   padding-bottom: 33px;
   flex: 0 0 auto;
   background-color: #323e48 !important;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column !important;
   position: fixed;
   left: 0;
   top: 0;
 }

 .mcf-screen-content {
   width: calc(100% - 237px);
   flex: 1;
   background-color: white;
   overflow-y: scroll;
   position: absolute;
   left: 237px;
   padding: 0rem 2rem;
 }


 .mcf-sidebar-options-container {
   padding-left: 20px;
   width: 100%;
 }

 .mcf-sidebar-logo {
   align-items: center;
   justify-content: center;
   margin-top: 2rem;
   display: flex;
   flex-direction: column !important;
 }

 .mcf-sidebar-option {
   padding-left: 20px;
   width: 100%;
 }

 .mcf-sidebar-option-active {
   border-right: 5px #EC1C24 solid;
 }

 .n-main-header {
   flex: none;
   width: calc(100% - 237px);
   backface-visibility: hidden;
   z-index: 101;
   position: absolute;
   top: 10px;
   right: 0;
   z-index: 1;
 }

 .mcf-sidebar-option {
   font-size: 16px;
   position: relative;
   display: flex;
   flex-direction: column !important;
 }

 .mcf-sidebar-options-container ul li {
   font-size: 16px;
 }

 .mcf-sidebar-option a.n-link-menu.active {
   background-color: transparent !important;
   color: #a6acb1;
   background-image: none;
   background-repeat: no-repeat;
   background-position: unset;
   border: 0px solid transparent;
   outline: none;
 }

 .mcf-sidebar-option a.n-link-menu {
   font-size: 16px;
   display: flex;
   align-items: center;
   color: #a6acb1;
   font-size: 16px;
   width: 100%;
   transition: all .5s ease-in-out;
   background-color: transparent !important;
   min-height: 35px;
 }

 .mcf-sidebar-option:not(:last-child):after {
   content: "";
   background: #fff;
   width: 100%;
   height: 0.5px;
   right: 0;
   bottom: -15px;
   position: absolute;
 }

 .mcf-sidebar-options-container ul {
   margin: 0;
   display: flex;
   flex-direction: column;
   -ms-flex-direction: column !important;
   flex-direction: column !important;
   list-style: none;
   padding-inline-start: 0;
 }

 .mcf-sidebar-option button {
   display: flex;
   align-items: center;
   color: #a6acb1;
   font-size: 16px;
   transition: all .5s ease-in-out;
   padding: 0;
   font-weight: 600 !important;
   border: none;
   border-color: none;
   border-radius: 0px;
   background: transparent;
   line-height: 0;
   min-height: 35px;
 }

 .mcf-sidebar-option>button>span,
 .mcf-sidebar-option>a>span {
   flex: 1;
   font-size: 14px;
   text-align: left;
 }

 .mcf-sidebar-option>button>i,
 .mcf-sidebar-option>a>i {
   color: #FFBF3C;
   width: 20px;
   height: 20px;
   text-align: center;
   padding-top: 3px;
   transition: all .25s ease-in-out;
 }

 .mcf-sidebar-option>button.mcf-sidebar-drop-active>i,
 .mcf-sidebar-option>a.mcf-sidebar-drop-active>i {
   transform: rotate(90deg);
 }

 /* .mcf-sidebar-option>button::after {

content: url(../images/new/ico/ico-arrow-down.svg);
position: absolute;
right: 0;
top: 6px;
width: 11px;
height: 11px;
transform: rotate(-90deg);
} */

 .mcf-sidebar-option>ul {
   margin: 0;
   flex-direction: column !important;
   max-height: 0;
   transition: all 0.3s ease-in-out;
   overflow: hidden;
 }

 .mcf-sidebar-option>ul.active {
   max-height: 500px;
 }

 .mcf-sidebar-option>ul.unactive {
   /* display: none; */
 }

 .mcf-sidebar-options-container ul .n-link img {
   margin-right: 10px;
 }

 .mcf-sidebar-option ul li:first-child {
   margin-top: 30px;
 }

 .mcf-sidebar-option ul li {
   padding-left: 40px;
   width: 100%;
   display: flex;
 }

 .mcf-sidebar-option {
   margin-top: 45px;
 }

 .mcf-sidebar-option a {
   color: #a6acb1 !important;
   flex: 1;
   min-height: 35px;
   /* margin-top: auto; */
   /* margin-bottom: auto; */
   padding-top: auto;
   /* flex-direction: column; */
   display: flex;
   align-items: center;
 }

 .mcf-sidebar-option a img {
   margin-right: 15px;
 }

 .mcf-sidebar-options-container ul {
   margin: 0;
 }

 .mcf-sidebar-suboptions-container {
   background-color: transparent !important;
 }

 /* END CONTAINER FOR NAV AND MAIN SCREEN */

 /* START FORM COMMON COMPONENTS */




 .mcf-container {
   width: 100%;
   display: flex;
 }

 .mcf-container-item {
   flex: 1;
   display: flex;
   flex-direction: column;
   padding: 1rem 3rem;
 }

 .mcf-container-item:not(:last-child) {
   border-right: 1px solid #E1E3E4;
 }

 .mcf-form-item-row {
   flex: 1;
   display: flex;
   flex-direction: row;
 }

 .mcf-form-item-row-label {
   flex: 1;
 }

 .mcf-form-item-row-content {
   flex: 3;
 }

 .mcf-form-item-column {
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .mcf-form-item-column-label {
   flex: 1;
 }

 .mcf-form-item-column-label>label {
   font-family: 'Barlow Semi Condensed Bold';
 }

 .mcf-form-item-column-content {
   flex: 1;
 }

 /* END FORM COMMON COMPONENTS */

 /* START HEADER SESSION */

 .mcf-header-session {
   width: 100%;
   display: flex;
   flex-direction: row;
   padding: 1rem;
 }

 .mcf-header-session-title {
   flex: 3;
   font-weight: 900 !important;
 }

 .mcf-header-session-actions {
   /* flex: 1; */
   flex-direction: row;
   display: flex;
 }

 .mcf-header-session-title-first {}

 .mcf-header-session-title-second {
   color: #E1251B;
 }

 .mcf-header-main-modal {
   position: absolute;
   z-index: -1;
 }

 .mcf-header-session-notifications {
   margin-right: 20px;
   cursor: pointer;
   color: #323e48;
   align-items: center;
   display: flex;
   transition: all .4s ease, all .4s ease;
   flex-direction: row;
   flex: 1;
 }

 .mcf-header-session-notifications>img {
   margin-left: 10px;
 }

 .mcf-header-session-notifications>span {
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   background: #f54448;
   border-radius: 50%;
   width: 19px;
   height: 19px;
   margin-top: -20px;
   margin-left: -15px;
 }

 .mcf-notifications-panel {
   width: 480px;
   position: absolute;
   top: 4rem;
   right: 5%;
   height: 480px;
   z-index: 2;
   background: #fff;
   border-radius: 20px;
   padding: 30px;
   box-shadow: 0 1px 20px 0 rgb(0 0 0 / 15%);
   flex-direction: column !important;
 }

 .mcf-notifications-panel-title {
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1rem;
   display: flex;
   flex-direction: row;
   font-weight: 900 !important;
 }

 .mcf-notifications-panel-title>h3 {
   color: #323e48;
   font-weight: 700 !important;
 }

 .mcf-notifications-panel-all-label {
   color: #7d858c !important;
   font-weight: 500 !important;
 }

 .mcf-notifications-panel-chk {
   margin-right: 5px;
   position: relative;
   cursor: pointer;
   width: 25px;
   border: none;
   top: -5px;
   font-weight: 400 !important;
 }

 .mcf-header-user {
   display: flex;
   align-self: center;
   margin: 0 1rem 0 1rem;
   background-color: #313e48;
   color: #FFFFFF;
   border-radius: 1rem;
   padding: 0.5rem 1rem;
 }

 .mcf-header-user-name {
   margin-right: 1.5rem;
 }

 .mcf-header-user-name>i,
 .mcf-header-user-role>i {
   margin-right: 0.5rem;
 }


 .mcf-header-user-role {
   font-weight: bold;
   margin-right: 1rem;
 }

 /* END HEADER SESSION */

 /* START PROGRESS CARDS */

 .mcf-progress-card-container {
   flex: 1;
   display: flex;
   flex-direction: row;
 }

 .mcf-progress-card {
   flex: 1;
   display: flex;
   flex-direction: row;
   background-color: #F7F7F7;
   border-radius: 10px;
   margin: 10px;
   text-align: left;
   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
 }

 .mcf-progress-card-section {
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .mcf-progress-card-section-graphic {
   align-items: end;
 }

 .mcf-report-graphic-container {
   border-radius: 10px;
   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
 }

 .mcf-progress-card-title {
   display: table-cell;
   vertical-align: middle;
 }

 .mcf-progress-card-title>h4>b {
   margin-left: 10px;
   font-family: Barlow Semi Condensed Bold;
 }

 .mcf-progress-card-value>span {
   font-size: 60px !important;
   margin-left: 1rem;
 }

 .mcf-progress-card-date {}

 /* END PROGRESS CARDS */

 /* START CUESTIONARIOS */

 #mcf-cuestionario-content {
   max-height: 1000px;
   overflow-y: auto;
 }

 #mcf-section-title-score {
   background-color: #313e48;
   color: #FFFFFF;
   padding: 10px;
   margin-top: -10px;
   border-radius: 10px;
   position: absolute;
   right: 13rem;
 }

 #mcf-section-title-goal {
   background-color: #313e48;
   color: #FFFFFF;
   padding: 10px;
   margin-top: -10px;
   border-radius: 10px;
   position: absolute;
   right: 0.3rem;
 }

 .mcf-cuestionario-score-container {
   margin-top: 1rem;
 }

 .save-colab, .save-ejecutivo {
   width: 1rem;
   flex: 1;
 }

 #codigo_ejecutivo, #codigo_colab {
   flex: 3;
 }

 #nombres_ejecutivo, #nombres_colab {
   flex: 8;
 }

 #scoreGoalContainer {
   position: -webkit-sticky;
   position: sticky;
   z-index: 100;
   top: 0;
 }

 .mcf-cuestionario-top-container {
   width: 100%;
   display: flex;
   margin-top: 1rem;
   border-bottom: 1px solid #E1E3E4;
   padding-bottom: 1rem;
   margin-bottom: 1rem;
 }

 .mcf-cuestionario-top-section, .mcf-cuestionario-content-row {
   flex: 1;
   display: flex;
   flex-direction: row;
     align-items: flex-start;
 }

 .mcf-cuestionario-content-row .rpt-revisiones,
 .mcf-cuestionario-content-row .rpt-cumplimiento {
   display: none;
 }

 .mcf-cuestionario-content-column {
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .mcf-cuestionario-info {
   margin: 3rem 0rem;
 }

 .mcf-cuestionario-estado {
   flex: 1;
   display: flex;
   flex-direction: row;
   border-radius: 10px !important;
   color: #FFFFFF;
   justify-content: center;
   align-items: center;
   height: 25px;
 }

 .mcf-cuestionario-actions-buttons-container {
   flex: 1;
   display: flex;
   flex-direction: row;
   justify-content: center;
 }

 .mcf-cuestionario-actions-buttons-container>button,
 .mcf-cuestionario-actions-buttons-container>a {
   margin: 1rem;
 }

 #mcf-cuestionario-date {
   color: #323E48;
   width: 100%;
   text-align: center;
   /* align-self: end; */
 }

 .mcf-cuestionario-people-list {
   text-align: center;
   padding-left: 1rem;
   padding-right: 1rem;
 }

 .mcf-section-line {
   border-radius: 10px;
   background-color: #49587C;
   color: #FFFFFF !important;
   margin-left: 5%;
   width: 90%;
   display: flex;
   flex-direction: row;
   height: 45px;
 }

 .mcf-section-line:hover {
   border-radius: 10px;
   background-color: #1C355E;
   color: #FFFFFF !important;
   margin-left: 5%;
   width: 90%;
 }

 .mcf-section-line-number,
 .mcf-section-line-name,
 .mcf-section-line-progress,
 .mcf-section-line-icon {
   height: 100%;
   margin: 0px !important;
   padding-top: 15px !important;
 }

 .mcf-section-line-number {
   width: 45px !important;
   text-align: center;
   background-color: #1C355E;
   border-radius: 10px;
 }

 .mcf-section-line-name {
   flex: 3;
   text-align: left;
   padding-left: 20px !important;
 }

 .mcf-section-line-progress {
   flex: 1;
   text-align: left;
   padding-left: 20px !important;
 }

 .mcf-section-line-icon {
   width: 45px !important;
   text-align: center;
 }

 .mcf-questions-container {
   display: flex;
   flex-wrap: wrap;
 }

 #pogressAvanceCuestionario {
   width: 100%;
   font-size: 1.2rem;
   height: 1.5rem;
 }

 #pogressAvance {
   background-color: #FFBF3C;
 }


 /* .mcf-question-container > di {
} */

 .mcf-question {
   flex: 49%;
   width: 100%;
   padding: 5px 20px;
 }

 .mcf-question-warn>.mcf-question-wrapper {
   background-color: #ffe2df !important;
 }

 .mcf-question-wrapper {
   border-radius: 10px;
   background: #F7F7F7;
   box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%);
   position: relative;
 }

 .mcf-info-popper {
   position: absolute;
   right: 0;
   top: 2rem;
   height: 42px;
   width: 2.5rem;
   border-radius: 10px 0 0 10px;
   background-color: #FFBF3C;
   text-align: center;
   color: #FFFFFF;
 }

 .mcf-info-popper>i {
   margin-top: 0.7rem;
   font-size: 1.2rem;
 }

 .mcf-question-title {
   padding-top: 2rem;
   font-size: 14pt;
 }

 .mcf-question-title-number {
   color: #FFFFFF;
   padding: 13px;
   background-color: #49587C;
   border-radius: 0 10px 10px 0;
   max-height: 58px;
 }

 .mcf-question-title-text {
   margin-left: 0.5rem;
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
     padding-right: 50px;
     line-height: 1;
 }

 .mcf-question-content {
   padding: 1rem 3.4rem;
 }

 .mcf-question-content .imagen {
   text-align: center;
 }

 .mcf-question-content .imagen-adjunta > img {
    margin-bottom: 4px!important;
  }
  .mcf-question-content .imagen-adjunta-descripcion{
    margin-bottom: 16px;
  }

 .mcf-question-content img {
   max-width: 400px;
   height: 200px;
   margin-bottom: 1rem;
 }

 .mcf-question-label {
   flex: 1;
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
 }
 .rpt-pideal, .rpt-qlabel {
     display: flex;
     align-items: center;
 }

 .mcf-question-score, .mcf-question-ideal {
   border-radius: 32px;
   width: 32px;
   height: 32px;
   text-align: center;
   padding-top: 4px;
   margin-right: 5rem;
   color: #FFFFFF;
 }

 .mcf-question-score {
   background-color: #CE009F;
 }

 .mcf-question-ideal {
   background-color: #00BBB4;
 }

 .mcf-question-content>.form-check {
   padding-left: 1.25rem;
   margin-bottom: 0.5rem;
 }

 .mcf-question-content input[type=number],
 .mcf-question-content textarea {
   border-radius: 10px;
   padding: 1rem;
 }

 .mcf-question-comments-label {
   margin-top: 1rem;
 }

 .mcf-question-comments-label>i {
   color: #E1251B;
 }

 .mcf-question-content textarea {
   margin-bottom: 1rem;
 }

 .mcf-question-labelfile {
   cursor: pointer;
   margin: auto;
   width: 260px;
 }

 .mcf-question-labelfile>span {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .qstn.active {
   background: #1c345e !important;
 }

 .mcf-section-title {
   z-index: 100;
   position: sticky;
   top: 0;
   margin-top: 2rem;
   padding-top: 12px;
   padding-bottom: 12px;
   margin-bottom: 2rem;
   border-radius: 10px;
   border: 1px solid #1C355E;
   background-color: #FFFFFF;
   margin-left: 2.5%;
   width: 95%;
   color: #1C355E !important;
   text-align: center;
   display: flex;
   justify-content: center;
   /* align-content: center; */
   /* flex-direction: column; */
   font-size: 16pt;
   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
 }

 .mcf-checklist-title {
   margin-top: 2rem;
   padding-top: 12px;
   padding-bottom: 12px;
   margin-bottom: 2rem;
   border-radius: 10px;
   border: 1px solid #1C355E;
   background-color: #1C355E;
   margin-left: 2.5%;
   width: 95%;
   color: #FFFFFF !important;
   text-align: center;
   display: flex;
   justify-content: center;
   /* align-content: center; */
   /* flex-direction: column; */
   font-size: 16pt;
   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);
 }

 /* END CUESTIONARIOS */


 /* START SCORE */

 .puntaje-score {
   margin: auto;
   box-shadow: 5px 5px 15px rgba(0, 0, 0, .4);
   padding: 10px;
   width: 100%;
   max-width: 200px;
   vertical-align: middle;
   text-align: center;
   border-radius: 12px;
   background: #fff;
 }

 .puntaje-score .puntaje, .puntaje-score .meta {
   display: inline-block;
   width: 85px;
   height: 85px;
   border-radius: 50%;
   background: #ea5442;
   text-align: center;
   margin: 0;
   vertical-align: middle;
 }

 .puntaje-verde {
   display: inline-block;
   width: 85px;
   height: 85px;
   border-radius: 50%;
   background: #5cb85c;
   text-align: center;
   margin: 0;
   vertical-align: middle;
 }

 .puntaje-score .meta {
   background: #303e48;
 }

 .puntaje-score h1 {
   margin: 23px auto 0;
   color: #fff;
   font-size: 28px;
   font-weight: 700;
 }

 .puntaje-score h1 strong {
   font-weight: 700;
 }

 .puntaje-score h6 {
   font-size: 10px;
   line-height: 0px;
   color: #fff;
 }

 .puntaje-score h2 {
   margin: 8px auto 0;
   color: #fff;
 }

 /* END SCORE */

 /* START CALENDAR */
 #calendar,
 #panelMisChecklist,
 #panelChecklistAsignados,
 #panelAutoevaluacion,
 #panelOficiales {
   margin-top: 1.5rem;
 }

 #calendar .fc-daygrid-day .fc-daygrid-day-frame,
 #contenedorcalendar .fc-daygrid-day .fc-daygrid-day-frame {
   padding: 0px !important;
   border: 1px solid #E1E3E4 !important;
   border-radius: 5px;
 }

 #calendar .fc-daygrid-day,
 #contenedorcalendar .fc-daygrid-day {
   padding: 2px
 }

 #calendar .fc-theme-standard td,
 #contenedorcalendar .fc-theme-standard td {
   border: none !important;
 }


 #calendar .fc-daygrid>table,
 #calendar .fc-daygrid>table>thead .fc-col-header-cell,
 #calendar .fc-daygrid>table>thead>tr.fc-scrollgrid-section>td,
 #calendar td.fc-daygrid-day.fc-day.fc-day-mon.fc-day-past.fc-day-other,
 #contenedorcalendar .fc-daygrid>table,
 #contenedorcalendar .fc-daygrid>table>thead .fc-col-header-cell,
 #contenedorcalendar .fc-daygrid>table>thead>tr.fc-scrollgrid-section>td,
 #contenedorcalendar td.fc-daygrid-day.fc-day.fc-day-mon.fc-day-past.fc-day-other {
   border: none !important;
 }

 #calendar .fc-col-header,
 #contenedorcalendar .fc-col-header {
   margin-bottom: 0.5rem;
 }

 #calendar .fc .fc-button-primary:not(:disabled):active,
 #calendar .fc .fc-button-primary:not(:disabled).fc-button-active,
 #contenedorcalendar .fc .fc-button-primary:not(:disabled):active,
 #contenedorcalendar .fc .fc-button-primary:not(:disabled).fc-button-active {
   color: #E1251B;
   background-color: none;
   border-color: none;
   border-bottom: 3px #E1251B solid;
   transition: 0.5s;
 }

 #calendar .fc .fc-button-primary,
 #contenedorcalendar .fc .fc-button-primary {
   color: #E1251B;
   background-color: none;
   border-color: none;
   /* border-bottom: 1px #E1251B solid; */
   padding: 0.1em 0.3em;
   transition: 0.5s;
 }

 #calendar .fc-prev-button,
 #calendar .fc-next-button,
 #calendar .fc-today-button,
 #contenedorcalendar .fc-prev-button,
 #contenedorcalendar .fc-next-button,
 #contenedorcalendar .fc-today-button {
   border-bottom: none !important;
 }

 /* .fc .fc-button-primary {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #2C3E50;
background-color: var(--fc-button-bg-color, #2C3E50);
border-color: #2C3E50;
border-color: var(--fc-button-border-color, #2C3E50);
}
.fc .fc-button-primary:hover {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #1e2b37;
background-color: var(--fc-button-hover-bg-color, #1e2b37);
border-color: #1a252f;
border-color: var(--fc-button-hover-border-color, #1a252f);
}
.fc .fc-button-primary:disabled { 
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #2C3E50;
background-color: var(--fc-button-bg-color, #2C3E50);
border-color: #2C3E50;
border-color: var(--fc-button-border-color, #2C3E50); 
}
.fc .fc-button-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #1a252f;
background-color: var(--fc-button-active-bg-color, #1a252f);
border-color: #151e27;
border-color: var(--fc-button-active-border-color, #151e27);
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
} */

 .fc .fc-toolbar-title {
   font-size: 1.25rem;
 }

 /* END CALENDAR */

 /* START PROGRESS LINE */
 .mcf-progress-line {
   flex: 1;
   flex-direction: row;
   display: flex;
 }

 .mcf-progress-line-label {
   flex: 2;
 }

 .mcf-progress-line-value {
   flex: 1;
 }

 .mcf-progress-line-value>#totalPendientes,
 .mcf-progress-line-value>#totalEnProceso,
 .mcf-progress-line-value>#totalFinalizados {
   font-size: 14px !important;
   height: 32px;
   width: 32px;
   background-color: #F7F7F7;
   text-align: center;
   border-radius: 32px;
 }

 /* END PROGRESS LINE */



 /* START PROGRESS BAR */
 @keyframes growProgressBar {
   0%, 33% {
     --pgPercentage: 0;
   }

   100% {
     --pgPercentage: var(--value);
   }
 }

 @property --pgPercentage {
   syntax: '<number>';
   inherits: false;
   initial-value: 0;
 }

 div[role="progressbarCircle"] {
   --size: 7rem;
   --fg: #323E48;
   --bg: #e6e6e6;
   --pgPercentage: var(--value);
   animation: growProgressBar 3s 1 forwards;
   width: var(--size);
   height: var(--size);
   border-radius: 50%;
   display: grid;
   place-items: center;
   background: radial-gradient(closest-side, #d3d3d3 80%, transparent 0 99.9%, transparent 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
   font-size: calc(var(--size) / 5);
   color: var(--fg);
   box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
 }

 div[role="progressbarCircle"]::before {
   --fg: #FFFFFF;
   --bg: #323E48;
   counter-reset: percentage var(--value) dpercentage var(--decimal);
   content: counter(percentage) '.'counter(dpercentage);
   background-color: var(--bg);
   color: var(--fg);
   border-radius: 100%;
   height: 4.5rem;
   width: 4.5rem;
   justify-content: center;
   text-align: center;
   display: flex;
   flex-direction: column;
   margin-top: 0.8rem;
 }

 div[role="progressbarCircle"]::after {
   content: '%';
   font-size: 10px;
   margin-top: -6.5rem;
   color: white;
   margin-left: 3rem;
 }

 /* END PROGRESS BAR */


 /* START COMPLETITION BAR */
 div[role="completitionbar"] {
   --size: 7rem;
   --fg: #323E48;
   --bg: #e6e6e6;
   --valuepercent: 0;
   animation: growProgressBar 3s 1 forwards;
   width: var(--size);
   height: var(--size);
   border-radius: 50%;
   display: grid;
   place-items: center;
   background: radial-gradient(closest-side, #d3d3d3 80%, transparent 0 99.9%, transparent 0), conic-gradient(var(--fg) calc(var(--valuepercent) * 1%), var(--bg) 0);
   font-size: calc(var(--size) / 5);
   color: var(--fg);
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 div[role="completitionbar"]::before {
   --fg: #FFFFFF;
   --bg: #323E48;
   counter-reset: percentage var(--value);
   content: counter(percentage);
   background-color: var(--bg);
   color: var(--fg);
   border-radius: 100%;
   height: 4.5rem;
   width: 4.5rem;
   justify-content: center;
   text-align: center;
   display: flex;
   flex-direction: column;
 }

 .mcf-circle-content {
   align-self: center;
   flex: none;
 }

 .mcf-circle-label {
   font-size: 14px;
   color: #7D858C;
   text-align: center;
   margin-top: 0.5rem;
 }

 /* END COMPLETITION BAR */

 /* START MODAL */
 .mcf-modal-content {
   width: 50%;
   max-width: 60rem;
   background-color: #FFFFFF;
   margin: auto;
   box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
   border-radius: 10px;
 }

 .mcf-modal-content .modal-body {
   font-size: 1rem;
 }

 .mcf-modal-header {
   background-color: #323E48;
 }

 .mcf-modal-header-warn {
   background-color: #FFBF3C;
 }

 .mcf-modal-header-warn, .mcf-modal-header {
   padding: 1rem 1rem;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   display: flex;
   color: #FFFFFF;
 }

 .mcf-modal-header-close {
   padding: 1rem 1rem;
   margin: -1rem -1rem -1rem auto;
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5;
 }

 .mcf-modal-header-close>i {
   color: #FFFFFF;
 }

 /* END MODAL */


 /* START SEARCHABLE SELECTS */

 .bootstrap-select .dropdown-menu.inner {
   display: block;
 }

 .bootstrap-select>.dropdown-toggle {
   width: 100% !important;
   height: 100% !important;
   border-radius: 10px !important;
   background-color: #F1F2F2 !important;
   border: 1px solid #ccc;
 }

 /* END SEARCHABLE SELECTS */

 /* START DASHBOARD LOCALES */
 .aifs .progress {
     position: relative;
     background-color: #d3d6d8;
 }
 #pogressASinAsignar {
   background-color: #E1251B;
 }

 #pogressAProceso {
   background-color: #FFBF3C;
 }

 #pogressAFinalizadas {
   background-color: #80BC00;
 }
.progress-number {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: left;
    font-size: 14px;
    color: #ffffff;
    padding: 5px;
    line-height: 14px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
}
 #mcf-dashboard-avance-card {
   margin-top: 1rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }

 #mcf-dashboard-avance-card .titulo {
   padding-left: 1rem;
   padding-right: 1rem;
 }

 #mcf-dashboard-avance-card .titulo img {
   margin-right: 0.5rem;
 }

 /* END DASHBOARD LOCALES */



 .mcf-loader, .mcf-loader-half {
   background-color: rgb(225 225 225 / 80%);
   position: absolute;
   height: 100%;
   z-index: 100;
   border-radius: 1rem;
 }

 .mcf-loader {
   width: 98%;
 }

 .mcf-loader-half {
   width: 46%;
 }

 .mcf-loader>img {
   width: 20rem;
   margin-left: calc(50% - 13rem);
 }

 .mcf-loader-half>img {
   width: 20rem;
   margin-left: calc(50% - 11rem);
 }

 .progress-title {
   margin-right: 1rem;
   align-self: center;
 }

 .progress-bar-success {
   height: 2rem;
   padding-bottom: 0.5rem;
 }

 .comentario {
   background-color: white;
   border-radius: 10px;
   padding: 10px 5px;
   border: 1px solid #e1dfdf;
 }

 .fc-event-title-container>div.fc-event-title>table{
  background-color: transparent!important;
 }



.custom-legend {
    width: 100%;
    display: block;
    text-align: center;
}
.custom-legend ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
}
.custom-legend ul li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 16px;
}
.custom-legend ul li::before {
    width: 30px;
    height: 15px;
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 3px 0 0;
}
.custom-legend ul li:nth-child(1)::before {
    background: #c0e384 ;
}
.custom-legend ul li:nth-child(2)::before {
    background: #f9beb9 ;
}
.custom-legend ul li:nth-child(3)::before {
    background: #ffbe3c ;
}
#canvaAsignacion .individual-2 {
    display: none;  
}


.modal-dialog {
    pointer-events: all !important;
}
.dropdown-menu .mcf-cuestionario-content-row {
    border: none !important;
    color: rgb(51, 61, 71) !important;
}
.dropdown-menu .mcf-cuestionario-content-row:hover {
    background: transparent !important;
    color: rgb(51, 61, 71) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 50% !important;
}