html,body {
  /* -webkit-user-select: none; 
  -webkit-touch-callout: none; */
  -webkit-touch-callout: none !important;
}

.form-control{
  border : 1px solid #ced4da !important;
}

.noSelect, .no-select, .noselect, .no_select{
  -webkit-touch-callout: none;
  -webkit-user-select: none; 
  -khtml-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.minh160{
    height: 160px !important;
    min-height: 160px !important;
}

.minh320{
    height: 320px !important;
    min-height: 320px !important;
}

.minh420{
    height: 420px !important;
    min-height: 420px !important;
}

.returnY100{ transform: translateY(-100%); }

.hand{ cursor: pointer; }

.mano{ cursor: pointer; }

#example_filter .form-control-sm{
    border: 1px solid rgba(0, 0, 0, 0.288) !important;
}


#lListado_filter{
    margin-top: -24px !important;
}

.img_preloader{
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50,-50);
}

.bootbox-close-button {
    display: none;
}

#containerCrop{
    height: 220px;
    min-height: 220px;
}
#containerCrop2{
    height: 220px;
    min-height: 220px;
}

.mapInModal{
    padding: 0px !important;
    margin: 0px !important;
    height: 420px;
    min-height: 420px;
}

.mapInResult{
    padding: 0px !important;
    margin: 0px !important;
    height: 720px;
    min-height: 720px;
}

.slot{
    height: 80px;
    min-height: 80px;
    border-radius: 5px;    
}

.slot-XS{border: 3px solid #B39C4D !important;}
.slot-S{border: 3px solid #768948 !important;}
.slot-M{border: 3px solid #607744 !important;}
.slot-L{border: 3px solid #34623F !important;}
.slot-XL{border: 3px solid #1E2F23 !important;}

.bg-slot-XS{ background-color: #B39C4D !important;}
.bg-slot-S{ background-color: #768948 !important;}
.bg-slot-M{ background-color: #607744 !important;}
.bg-slot-L{ background-color: #34623F !important;}
.bg-slot-XL{ background-color: #1E2F23 !important;}

.text-slot-XS{color: #B39C4D !important;}
.text-slot-S{color: #768948 !important;}
.text-slot-M{color: #607744 !important;}
.text-slot-L{color: #34623F !important;}
.text-slot-XL{color: #1E2F23 !important;}

.text-xl { font-size: 20px; }
.text-lg { font-size: 17px; }
.text-md { font-size: 14px; }
.text-sm { font-size: 11px; }
.text-xs { font-size: 8px; }

.min-w-140{
    width: 140px !important;
    min-width: 140px !important;
}

.slot-ok{background-color: #00cc00;}
.slot-blocked{background-color: #00000077;}

.text-slot-ok{color: #00cc00 !important;}
.text-slot-blocked{color: #00000077 !important;}

.first-level, .second-level{
    background-color: #eceaf3 !important;
    border-radius: 3px;
}

.btn {
    text-transform: uppercase;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);

    overflow: hidden;
    position: relative;
    
    z-index: 1;
}

.btn > .wave-ripple {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.33);
    transform: scale(0);
    animation: wave-ripple 0.6s linear;
}

.alert-animate {
    animation: shake 0.5s;
}

@keyframes shake {
0% { transform: scale(1.0, 1.0 ); }
10% { transform: scale(0.95,0.95 ); }
20% { transform: scale(0.9, 0.9 ); }
30% { transform: scale(0.95,0.95 ); }
40% { transform: scale(0.9, 0.9 ); }
50% { transform: scale(0.95,0.95 ); }
60% { transform: scale(0.9, 0.9 ); }
70% { transform: scale(0.95,0.95 ); }
80% { transform: scale(0.9, 0.9 ); }
90% { transform: scale(0.95,0.95 ); }
100% { transform: scale(1.0, 1.0 ); }
}

.alert-temporal {
    animation: opacidad 1.0s;
    animation-iteration-count: 3;
}

.alert-order {
    animation: opacidad 4.0s;
    animation-iteration-count: infinite;
}

@keyframes opacidad {
    0%    { opacity: 1.0; }
    10%   { opacity: 0.9; }
    20%   { opacity: 0.8; }
    30%   { opacity: 0.7; }
    40%   { opacity: 0.6; }
    50%   { opacity: 0.5; }
    60%   { opacity: 0.6; }
    70%   { opacity: 0.7; }
    80%   { opacity: 0.8; }
    90%   { opacity: 0.9; }
    100%  { opacity: 1.0; }
}


.scroll_hor::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background-color: #F5F5F5 !important;
}

.scroll_hor::-webkit-scrollbar{
	height: 8px !important;
	background-color: #F5F5F5 !important;
}

.scroll_hor::-webkit-scrollbar-thumb{
	background-color: #21c1d6 !important;
	border: 2px solid #1e88e5 !important;
}

/* vertical */
.scroll_ver::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background-color: #F5F5F5 !important;
}

.scroll_ver::-webkit-scrollbar{
	width: 8px !important;
	background-color: #F5F5F5 !important;
}

.scroll_ver::-webkit-scrollbar-thumb{
	background-color: #21c1d6 !important;
	border: 2px solid #1e88e5 !important;
}



/* The heart of the matter */
.testimonial-group > .row {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    
  }
  .testimonial-group > .row > .pPanel {
    display: inline-block;
  }
  
  /* Decorations */
  .pPanel { 
      background-color: transparent !important;
      /* border-radius: 10px !important; */
   }
  .pPanel .card2 { 
      
      border-radius: 10px !important;
   }


   /* Para el menu contextual  */
.menu {
font-family: "Montserrat", sans-serif;

background: #17181c;
width: 180px;
box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
z-index: 999999;
color: white;
}

.menu .menu-options {
list-style: none;
padding: 10px 0;
}

.menu .menu-options .menu-option {
font-weight: 500;
font-size: 14px;
padding: 10px 40px 10px 20px;
cursor: pointer;
}

.menu .menu-options .menu-option:hover {
background: rgba(0, 0, 0, 0.2);
}

.menu-option > a {
text-decoration: none;
color: #125be3;
}

.border-red{
    border : 1px solid #F0140E !important;
}

.border-green{
    border : 1px solid #0FF05B !important;
}


.bootstrapMenu .dropdown-menu{
    border: 1px solid #000000d8 !important;
}


.listAlarms{
    height: 220px;
    min-height: 220px;
    max-height: 220px;

    /* border: 1px solid red; */
    overflow-y: auto;
    overflow-x: hidden;
}

.containerMails{
    height: 420px;
    min-height: 420px;
    max-height: 420px;

    /* border: 1px solid red; */
    overflow-y: auto;
    overflow-x: hidden;
}

/*indicadores en dashboard de slots */
.st_ds_0 {color:#f7d66b !important;}/*pre-registrado*/
.st_ds_1 {color:#31d9ff !important;}/*registrado*/
.st_ds_2 {color:#413e3c !important;}/*abastecido*/
.st_ds_3 {color:#4AE004 !important;}/*entregado*/
.st_ds_4 {color:#ff0000 !important;}/*abandonado*/
.st_ds_5 {color:#C90A8D !important;}/*canceled in*/
.st_ds_6 {color:#E691CB !important;}/*canceled out*/
.st_ds_7 {color:#A11841 !important;}/*retirado*/

.st_ds_bg_0 {background-color:#f7d66b !important;}/*pre registrado*/
.st_ds_bg_1 {background-color:#31d9ff !important;}/*registrado*/
.st_ds_bg_2 {background-color:#413e3c !important;}/*abastecido*/
.st_ds_bg_3 {background-color:#4AE004 !important;}/*entregado*/
.st_ds_bg_4 {background-color:#ff0000 !important;}/*abandonado*/
.st_ds_bg_5 {background-color:#C90A8D !important;}/*canceled in*/
.st_ds_bg_6 {background-color:#E691CB !important;}/*canceled out*/
.st_ds_bg_7 {background-color:#A11841 !important;}/*retirado*/

.select2-selection--single{
    height: 36px !important;
    max-height: 36px !important;
    min-height: 36px !important;
}


.grad-animated {
    background: linear-gradient(67deg, #00428e, #81c0f3);
    background-size: 400% 400%;

    -webkit-animation: gradAnimate 30s ease infinite;
    -moz-animation: gradAnimate 30s ease infinite;
    -o-animation: gradAnimate 30s ease infinite;
    animation: gradAnimate 30s ease infinite;
}

@-webkit-keyframes gradAnimate {
    0%{background-position:0% 91%}
    50%{background-position:100% 10%}
    100%{background-position:0% 91%}
}
@-moz-keyframes gradAnimate {
    0%{background-position:0% 91%}
    50%{background-position:100% 10%}
    100%{background-position:0% 91%}
}
@-o-keyframes gradAnimate {
    0%{background-position:0% 91%}
    50%{background-position:100% 10%}
    100%{background-position:0% 91%}
}
@keyframes gradAnimate {
    0%{background-position:0% 91%}
    50%{background-position:100% 10%}
    100%{background-position:0% 91%}
}

.minw-64{
    width: 64px !important;
    min-width: 64px !important;
    border: 1px solid #b4b4b449;
}

.d-grafico{
    width: 100%;
    height: 220px;
    min-height: 220px;
    
}

.ps-scrollbar-y-rail {
    display: none !important;

}

.scroll-y{
    overflow-y: auto !important;
}


.image-center{
    margin-top: 20%;
}

.image-center2{
    margin-top: 60%;
    /* border: 1px solid red; */
}

.GFG {
    
    color:#fffb00 !important;
}

.hover2{
    
}
.hover2:hover{
    color:black !important;
}

.shake-lite {    
    animation: crescendo 1.5s alternate infinite ease-in;
}
  
@keyframes crescendo {
    0%   {transform: scale(1.0);}
    5%   {transform: scale(0.95);}
    15%   {transform: scale(0.90);}
    40%   {transform: scale(0.85);}
    70%   {transform: scale(0.90);}
    90%   {transform: scale(0.95);}
    100%   {transform: scale(1.0);}
}

.corner {
    border-radius: 6px;
}

.div_selected{ 
    border-color: #C90A8D;
    border-style: dotted;
}

.list-hover {}
.list-hover:hover {
    background-color: #9696966e !important;
}


.border-alert{
    border: 2px solid red !important;
}


.noCaret b{
    display:none !important;
}


.gal-control span {
    background-color: #000000bd !important;
    background-color: #000000bd !important;
}


.color_animation {
    animation: pulse 1s 2;
}
  
@keyframes pulse {
    0% { color: #3dff6cff; }
    10% { color: #1acb45ff; }
    20% { color: #1ab640ff; }
    30% { color: #15a037ff; }
    40% { color: #158831ff; }
    50% { color: #14752cff; }
    60% { color: #367514ff; }
    70% { color: #51a226ff; }
    80% { color: #7bcb51ff; }
    90% { color: #b2f58eff; }    
    100% { color: #ffffff; }
}


.centerVertical{
    top:25%;
    margin-top: 25%;
    transform: translateY(-50%);
}

.centerVertical2{
    top:50%;
    margin-top: 50%;
    transform: translateY(-25%);
}

.text_inner{word-wrap:break-word;}


#s_lenguaje{
    z-index: 8900 !important;
    position: absolute !important;
    left: 100%;
    transform: translateX(-100%);
}
.row_occuped {
    background-color: #00ff00 !important;
    color : #00ff00 !important;
}

.selected-success {
    background-color: #02bd026b !important;
}

.fa-2xb {
    font-size: 1.5em;
}


.table-hover > tbody > tr:hover {
    background-color: #00000034 !important;
}

.row_selected{
    color: #ff8800 !important;
}

/* .table-bordered{
    border: 1px solid #00000060 !important;
} */

.t-ds-card{
    position: relative !important;
    margin-top: -50px !important;
}


.pay_sel{
    background-color: #ff009039 !important;
}