@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
/*   color: #000;*/
}

body{
/*   font-family: 'Poppins', sans-serif;*/
   /*background-image: url('../img/1.jpg');*/
   font: 16px Montserrat, sans-serif;
   line-height: 1.8;
   color: #818181;
}

a:link, a:visited, a:active {
    text-decoration:none;
    color: #000;

}

.bg_gris_01{
   background-color: #E7E9EB;
}

.bg-grisesito{
   background-color: #D7DBDD;
}



.bg_vta{
   background-color: #27AE60;
   color: #fff;
}

.bg_vta-medio{
   color           : #fff;
   background-color: #55B87F;
}

.bg_vta_clarito{
   background-color: #6EB88D;
   color: #000;
}

.bg_dev{
   background-color: #000;
   color: red;
   font-weight: 600;
}

.bg_dev_medio{
   background-color: #2c2c2c;
   color: red;
   font-weight: 500;
}

.bg_dev_clarito{
   background-color: #454545;
   color: #fff;
}

.a_link{
   color          : #fff;
   text-decoration: none;
   transition     : .5s;
}

.a_link:hover{
   text-decoration : none;
   color           : #000 !important;
   background-color: #fff;

}



.active_link{
   text-decoration : none !important;
   color           : #000 !important;
   background-color: #fff !important;
}

.header_40 {
   overflow        : hidden;
   /*background-color: orange;*/
   position        : fixed;
   top             : 0;
   padding         : 0;
   width           : 100%;
   height          : 80px;
}

.btn-shopify{
   color           : #fff;
   border-radius   : 0px;
   background-color: #008060;
   border          : none;
   text-align      : center;
   padding         : 5px;
   width           : 100%;
   transition      : all 0.5s;
   cursor          : pointer;
}

.btn-shopify:hover{
   background-color: #00634A;
   color           : #fff;
}

.bg-shopify{
   background-color: #007a5c;
   color           : #fff;
}




.header_40 div .mr-auto{
   margin-left: 0px;
}

.header_40 div .align-self-sm-center{
   margin-right: 0px;
}

.bg-negro{
   background-color: #000;
   color           : #fff;
}


.contenido{
   margin-top: 80px;
}

.h2 {
   width        : 100%;
   text-align   : center;
   border-bottom: 1px solid #f1f1f1;
   line-height  : 0.1em;
   margin       : 10px 0 20px;
}

.h2 span {
   font-size: 24px;
   background :#6c757d;
   padding    :0 10px;
}

.borderB{
   border-bottom: 1px solid #fff;
}

.text-red{
   color: red;
}

.contenedor_principal{
    margin-top: 80px;
}

.izq{
   margin-top: 50px;
}

.contenedor_principal .izq{
    padding         : 16px;
    margin-top      : 50px;
    height          : 100%;
    position        : fixed;
    z-index         : 1;
    top             : 0;
    left            : 0;
    background-color: #f1f1f1;
    color: #000;
    border-right: 3px solid #f1f1f1;
    overflow-x      : hidden;
    width           : 300px;
    transition      : 0.5s;
}

.contenedor_principal .div_mostrar{
    display: none;
}

.contenedor_principal .der{
    padding    : 16px;
    margin-left: 300px;
    transition : margin-left .5s;
}

.ocultar .izq{
    width: 60px;
}

.ocultar .der{
    margin-left: 60px;
}

.ocultar .izq .div_mostrar{
    display: inline-block;
}

.ocultar .izq .div_ocultar{
    display: none;
}

.modal-backdrop{
   position: fixed;
   z-index: 0 !important;
   opacity: .9 !important;
   /*top: 0;
   left: 0;
   z-index: 11040;
   width: 100vw;
   height: 100vh;
   background-color: #000;*/
}



.col_oculta{
   display: none;
}

.bg-negro{
   background-color: #000 !important;
   color           : #fff !important;
}

.ir-arriba {
   display   : none;
   padding   : 2px;
   background: rgba(2, 73, 89, .5); #024959;
   font-size : 20px;
   color     : red;
   cursor    : pointer;
   position  : fixed;
   bottom    : 20px;
   right     : 20px;
   border-radius: 50%;
}

.dedito{
   cursor: pointer;
}

#resultados_mini .card-body{
   padding: 2px;
   font-size: 12px;
}

#resultados_mini h2{
   font-size: 14px;
}

#resultados_mini .card-header{
   padding: 0px;
}

#resultados_mini .card-body{
   background-color: #111;
}

#resultados_mini .card{
   border: none;
}

.bg_01{
   background-color: #3F73A5 ;
}

.bg_02{
   background-color: #1DADDE ;
}

.bg_morado{
   background-color: #6C3483;
   color: #fff;
}

.bg_azul01{
   background-color: #85C1E9;
}

.bg-tomato{
   color: #fff;
   background-color: #FF5733;
}

.bg-tomato-medio{
   background-color: #FF6E4F;
}

.bg-tomato_clarito{
   background-color: #FFA895;
   color           : #000;
}

.bg_danger_clarito{
   background-color: #EC7063;
   color: #000;
}
.bg_gris{
   background-color: #808080;
   color: #fff;
}
.bg_gris_clarito{
   background-color: #c0c0c0;
   color: :#000;
}

.bg_info_clarito{
   background-color: #A8D6B3;
   color: #000;
}

.menu_tabla_fijo{
   top: 80px;
   position: fixed;
}

.navbar{
   color           : #fff;
   padding         : 0px;
   background-color: #000;
/*   border-bottom   : 1px solid #f1f1f1;*/

/*   box-shadow: 4px 4px 4px #f1f1f1;*/
}

.valor{
   font-size       : 12px;
   color           : #fff;
   border          : 0;
   width           : 100%;
   text-align      : right;
   outline         : none;
   background-color: transparent;
}

.bg_25_50{
   background-color: #ff9100;
}
.bg_75_99{
   background-color: #B2CA44;
}

.progress .progress-text{
   position: absolute;
   text-align: center;
   width: 75%;
}

/*.deslizar {visibility:hidden;}*/
.efecto_deslizar {
   animation-name            : efecto_deslizar;
   -webkit-animation-name    : efecto_deslizar;
   animation-duration        : 1s;
   -webkit-animation-duration: 1s;
   visibility                : visible;
}


/*ul*/
ul{
   list-style : none;
   color      : #1f2124;
   margin     : 0px;
   padding    : 0;
   font-weight: 500;
}
ul .active{
 color:  #fff;
 background-color: #007a5c;
}

ul li{
   padding: 3px;
}

ul a{
   transition: 0.3s;
}

ul a:hover{
   color           : #fff;
   background-color: #007a5c;
}

.listShopify li{
   padding: 1px;
}
.listShopify li:hover{
   background-color: #008060;
   color           : #fff;
   transition      : .3s;
   cursor          : pointer;
}

.index a{
   list-style : none;
   color      : #1f2124;
   margin     : 0px;
   padding    : 0;
   font-weight: 500;
   transition: .5s;
}

.index a:hover{
   color: #007a5c;
   text-decoration: underline;
}
/*ul*/


@keyframes efecto_deslizar {
    0% {
      opacity: 0;
      transform: translateY(70%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes efecto_deslizar {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
}


@media (max-width: 767px) {
  .navbar h3{
   font-size: 12px;
  }
  .navbar{
   height: 60px;
/*   background-color: red;*/
  }
  .navbar-nav{
   background-color: #000;
  }

  /*Login*/
  #loginLateraslIzq{
   display: none !important;
   background-color: red !important;
  }
  #loginLateraslDer{
   margin-left: 10px !important;
   margin-right: 10px !important;
   width: 100% !important;
  }

}

@media (max-width: 450px) {
   .contenedor_principal .izq{
      width           : 100%;
   }
   .contenedor_principal .der{
       margin-left: 0px;
   }

   .ocultar .izq{
       width: 0px;
       padding: 0px;
   }

   .ocultar .der{
       margin-left: 0px;
   }

   .ocultar .izq .div_mostrar{
       display: inline-block;
   }

   .ocultar .izq .div_ocultar{
       display: none;
   }

   .div_mostrar{
      position        : fixed;
      left            : 0;
      top             : 80px;
      background-color: transparent;
      color           : #000;
   }

   #tiendas_seccion_tiendas{
      display: '';
      height: 5vh !important;
   }
   #tiendas_seccion_tablas{
      display: '';
      height: 75vh !important;
   }

   #id_tdas_div{
      display: none !important;
   }
   #id_tdas_select{
      display: flex; !important;
   }
   /**/
}

.texto-una-sola-linea{
      white-space: nowrap;
}

.color1 { background-color: #1f1f20; color: #fff;}
.color2 { background-color: #2b4c7e; color: #fff;}
.color3 { background-color: #567ebb; color: #fff;}
.color4 { background-color: #606d80; color: #fff;}
.color5 { background-color: #dce0e6; color: #000;}

.color2-medio{
   background-color: #496CA1;
   color           : #fff;
}

.color2-clarito{
   background-color: #7586A0;
   color: #fff;
}

.bg-warning-medio{
   background-color: #FFCD36;
   color: #000;
}

.bg-warning-clarito{
   background-color: #FFD555;
   color: #000;
}

.bg-info-medio{
   background-color: #47CCE1;
   color: #000;
}

.bg-info-clarito{
   background-color: #7AD4E2;
   color: #000;
}

.bg-secondary-medio{
   background-color: #A1A4A7;
   color: #000;
}

.bg-secondary-clarito{
   background-color: #C4C8CC;
   color: #000;
}

.bg-danger-medio{
   color: #fff;
   background-color: #E64E5D;
}

.bg-danger-clarito{
   color: #fff;
   background-color: #E7616E;
}

/*card-barras*/
.bg_card_0 { background-color :  #27A442; color: #fff}
.bg_card_1 { background-color :  #27A480; color: #fff}
.bg_card_2 { background-color :  #2789A4; color: #fff}
.bg_card_3 { background-color :  #274BA4; color: #fff}
.bg_card_4 { background-color :  #4227A4; color: #fff}
.bg_card_5 { background-color :  #8027A4; color: #fff}
.bg_card_6 { background-color :  #A42789; color: #fff}
.bg_card_7 { background-color :  #A4274B; color: #fff}
.bg_card_8 { background-color :  #A44227; color: #fff}
.bg_card_9 { background-color:  #A48027; color: #fff}
.bg_card_10 { background-color:  #89A427; color: #fff}
.bg_card_11 { background-color:  #4BA427; color: #fff}

table .month{
   background-color: #17a2b8; color:#fff ;;
}

.table-ssm td{
   padding: 0;
}

#id_tdas_select{
   display: none;
}

/**/
.i_color0{ background-color: #A93226; color: #fff;}
.i_color1{ background-color: #567ebb; color: #fff;}
.i_color2{ background-color: #2b4c7e; color: #fff;}
.i_color3{ background-color: #17a2b8; color: #fff;}
.i_color4{ background-color: #6C3483; color: #fff;}
.i_color5{ background-color: orange; color: #fff;}
.i_color6{ background-color: #000; color: #fff;}
.i_color7{ background-color: ; color: #fff;}
/**/

.texto_tachado{
   text-decoration:line-through;
}

.degradado_01{
   color: #fff;
   background: rgb(43,76,126);
   background: linear-gradient(45deg, rgba(43,76,126,1) 0%, rgba(70,98,142,1) 75%, rgba(175,188,207,1) 100%);
}

.degradado_02{
   background: rgb(86,61,124);
   background: linear-gradient(45deg, rgba(86,61,124,1) 0%, rgba(128,110,157,1) 75%, rgba(175,188,207,1) 100%);
}


.bg_02_clarito{
   background-color: #AFBCCF;
}
.bg_morado_clarito{
   background-color: #C8B3D1;
}

table tr td,th{
   vertical-align: middle !important;
}

.table tr td{
   padding: 1px;
   padding-right: 2px;
}


/*radio*/
.el_radio {
/*   background-color   : #1d2a35;*/
   color              : #fff;
   display            : block;
   position           : relative;
   padding-left       : 35px;
   cursor             : pointer;
   padding-top        : 0px;
   padding-bottom     : 0px;
   -webkit-user-select: none;
   -moz-user-select   : none;
   -ms-user-select    : none;
   user-select        : none;
}

/* Hide the browser's default radio button */
.el_radio input {
   position: absolute;
   opacity : 0;
   cursor  : pointer;
}

/* Create a custom radio button */
.checkmark {
  position        : absolute;
  top             : 2px;
  left            : 3px;
  height          : 25px;
  width           : 25px;
  background-color: #eee;
  border-radius   : 50%;
}

/* On mouse-over, add a grey background color */
.el_radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.el_radio input:checked ~ .checkmark {
  background-color: #04AA6D;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.el_radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.el_radio .checkmark:after {
   top          : 9px;
   left         : 9px;
   width        : 8px;
   height       : 8px;
   border-radius: 50%;
   background   : white;
}
/*radio*/

.hr_white{
   border-top: 1px solid #000;
}

fieldset{
   border-style: double;
}

.bTop{
   border-top: 1px solid #fff;
}

.footBorder{
   border-top: 3px solid #fff;
}

.btn_loadind::before{
   content           : "";
   color             : #FFF;
   display           : inline-block;
   width             : 20px;
   height            : 20px;
   vertical-align    : text-bottom;
   border            : 0.25em solid currentColor;
   border-right-color: transparent;
   border-radius     : 50%;
   -webkit-animation : spinner-border .75s linear infinite;
   animation         : spinner-border .75s linear infinite;
}

.bg-notify{
   animation:  animacionNotify 1.5s;
   animation-iteration-count: 10;
}

@keyframes animacionNotify{
   0% {background-color:#000;}
   50% {background-color:#007a5c;}
   100% {background-color:#000;}
}

.notifyAbajoDer{
   position: fixed;
   bottom  : 0;
   right   : 0;
   width   : 300px;
   animation: abajoDerecha 3s infinite;
}

@keyframes abajoDerecha{
   50%{box-shadow: 0px 0px 0px 0px #007a5c;}
   25%{box-shadow: 1px 1px 15px 1px #007a5c;}
   50%{box-shadow: 1px 1px 30px 1px #007a5c;}
   50%{box-shadow: 1px 1px 15px 1px #007a5c;}
   50%{box-shadow: 0px 0px 0px 0px #007a5c;}
}

.ajs-success{
   color           : #FFF;
   background-color: #008060 !important;
   text-align      : center;
   animation       : anima 1.5s infinite ;
}

@keyframes anima{
   0%{background-color:blue !important;}
   100%{background-color:red !important;}
}

.ajs-success a{
   color: #ffffff;
}

.ajs-message{
   background-color: #dc3545;
}
.ajs-message a{
   color: #fff;
}

.ajs-success a:hover{
   text-decoration: underline;
}

#aLinkNotify:hover{
   color: #fff;
}


.borderTomatoMini{
/*   background-color: #FF5733;*/
   color           : #000;
   border          : 1px solid #FF5733;
   border-left     : 8px solid #FF5733;
   background-color: #fff;
}
.borderAzulMini{
/*   background-color: #3F73A5;*/
   color      : #000;
   border     : 1px solid #3F73A5;
   border-left: 8px solid #3F73A5;
   background-color: #fff;
}
.borderWarningMini{
/*   background-color: #ffc107;*/
   color: #000;
   border: 1px solid #ffc107;
   border-left: 8px solid #ffc107;
   background-color: #fff;
}
.borderInfoMini{
/*   background-color: #17a2b8;*/
   color: #000;
   border: 1px solid #17a2b8;
   border-left: 8px solid #17a2b8;
   background-color: #fff;
}
.borderGrisMini{
/*   background-color: #6c757d;*/
   color: #000;
   border: 1px solid #6c757d;
   border-left: 8px solid #6c757d;
   background-color: #fff;
}
.borderDangerMini{
/*   background-color: #dc3545;*/
   color           : #000;
   border          : 1px solid #dc3545;
   border-left     : 8px solid #dc3545;
   background-color: #fff;
}

.colorRojo{
   /*text-decoration-line: underline;
   text-decoration-color: red;
   text-decoration-thickness: 3px;*/
   color      : red !important;
   font-weight: 600;
/*   background-color: red;*/
/*   text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;*/
}

.iconCampana{
   position        : absolute;
   top             : 0px;
   right           : 0px;
   background-color: red;
   border-radius   : 50%;
   padding         : 5px;
   animation       : iconCampanaa 1s infinite;
}
@keyframes iconCampanaa{
   0%{background-color:transparent;}
   50%{background-color:red;}
   100%{background-color:transparent;}
   50%{background-color:red;}
   0%{background-color:transparent;}
}

.ocultarFlecha{
   display:  none;
}

.subrayadoRed{
   text-decoration:line-through red;
}