.cursor-grab {
  /* cursor: -webkit-grab; */
  /* cursor: grab; */
}

.tasks {
  min-height: 300px;
}
.sinbor {
  border: 0px ;
  border-bottom: 1px solid #666666;
      outline: none;
}
.confondo {
  background-color: #e9ecef;
}
.sinbor2 {
  border: 0px ;
  border-bottom: 0px solid #666666;
      outline: none;
}
.modal_laro {
 
    max-width: 100%;
}
/* /////////////////// */

.bs-canvas-overlay {
  opacity: 0;
  z-index: -1;
}

.bs-canvas-overlay.show {
  /* opacity: 0.85; */
  z-index: 1100;
}

.bs-canvas {
  top: 65px;
  width: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
}

.bs-canvas-left {
  left: 0;
}

.bs-canvas-right {
  right: 0;
}
/* .bs-canvas-bottom {
  bottom: 0;
  margin-bottom: -330px;
} */
.bs-canvas-top {
  top: 0;
  /* margin-top: -330px; */
}
/* transform: translateY(-97px); */
.bs-canvas-anim {
  /* width: 100%; */
  /* transform: translateY(100vh); */
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
}
/* .bs-canvas-anim {
  transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
} */
.bs-canvas-bottom {
  /* height: 150px; */
    /* transform: translateY(150px); */
}

.lbg {
  font-size: 24px;
}
.lbg2 {
  font-size: 24px;
}

.cursor-grab .contente {
  
  max-width: 100%;
  /* height: 200px; */
 
  /*to hide popup initially*/
}
.flo{
  /* z-index: 2000;
  border:1px solid black;
  position:fixed;
  height: 100vh; */
  /* transition: all .2s ease-out; */
  display: block;
    position: absolute;
    top: 90px;
    left: 0%;
    z-index:1002;
    overflow: auto;
    border:0px solid black;
    background: #ffffff;
    height: auto;
}
.contente {
  position: absolute;
  top: 10%;
  left: 40%;
  transform: translate(-50%, -50%);
  width: 100%;
  /* height: 200px; */
  text-align: center;
  background-color: #e8eae6;
  box-sizing: border-box;
  padding: 10px;
  z-index: 10;
  display: none;
  /*to hide popup initially*/
}
.close-btne {
  position: absolute;
  right: 20px;
  top: 15px;
  background-color: black;
  color: white;
  border-radius: 50%;
  padding: 4px;
}

.hidden {
  text-align: center;
  font-weight: bold;
  border-top: solid black 3px;
  border-bottom: solid black 3px;
  background-color: yellow;
  display: none;
}


.popover{position: relative !important;
  height: 40px;
  transform: translate3d(84px, 40px, 0px) !important;}

  tr.group,
tr.group:hover {
    background-color: #7eaad3 !important;
    color:#ffffff;
}

.center-block{
  float: none;
}

#calendar {
  max-width: 800px;
}
.col-centered{
  float: none;
  margin: 0 auto;
}

.btn-right{background:0 0;font-size:15px;position:relative;height:2em}
.btn-right a{color:#fff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-right::after,.btn-right::before{background:#29c0d5;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-right::before{box-shadow:0px 0px 0 #1897c0,0px 0px 0 #1897c0,0px 0px 0 #1897c0,0px 0px 0 #1897c0;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-right::after{box-shadow:0px 0px 0 #1897c0,0px 0px 0 #1897c0,0px 0px 0 #1897c0,0px 0px 0 #1897c0;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-vent{background:0 0;font-size:15px;position:relative;height:2em}
.btn-vent a{color:#fff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-vent::after,.btn-vent::before{background:#1dc55e;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-vent::before{box-shadow:0px 0px 0 #1dc55e,0px 0px 0 #1dc55e,0px 0px 0 #1dc55e,0px 0px 0 #1dc55e;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-vent::after{box-shadow:0px 0px 0 #1dc55e,0px 0px 0 #1dc55e,0px 0px 0 #1dc55e,0px 0px 0 #1dc55e;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-serv{background:0 0;font-size:15px;position:relative;height:2em}
.btn-serv a{color:#fff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-serv::after,.btn-serv::before{background:#0051a1;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-serv::before{box-shadow:0px 0px 0 #0051a1,0px 0px 0 #0051a1,0px 0px 0 #0051a1,0px 0px 0 #0051a1;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-serv::after{box-shadow:0px 0px 0 #0051a1,0px 0px 0 #0051a1,0px 0px 0 #0051a1,0px 0px 0 #0051a1;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-vali{background:0 0;font-size:15px;position:relative;height:2em}
.btn-vali a{color:#fff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-vali::after,.btn-vali::before{background:#017833;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-vali::before{box-shadow:0px 0px 0 #017833,0px 0px 0 #017833,0px 0px 0 #017833,0px 0px 0 #017833;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-vali::after{box-shadow:0px 0px 0 #017833,0px 0px 0 #017833,0px 0px 0 #017833,0px 0px 0 #017833;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-amarillo{background:0 0;font-size:15px;position:relative;height:2em}
.btn-amarillo a{color:#010101;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-amarillo::after,.btn-amarillo::before{background:#dfd404;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-amarillo::before{box-shadow:0px 0px 0 #dfd404,0px 0px 0 #dfd404,0px 0px 0 #dfd404,0px 0px 0 #dfd404;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-amarillo::after{box-shadow:0px 0px 0 #dfd404,0px 0px 0 #dfd404,0px 0px 0 #dfd404,0px 0px 0 #dfd404;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-verde{background:0 0;font-size:15px;position:relative;height:2em}
.btn-verde a{color:#ffffff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-verde::after,.btn-verde::before{background:#00a01d;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-verde::before{box-shadow:0px 0px 0 #00a01d,0px 0px 0 #00a01d,0px 0px 0 #00a01d,0px 0px 0 #00a01d;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-verde::after{box-shadow:0px 0px 0 #00a01d,0px 0px 0 #00a01d,0px 0px 0 #00a01d,0px 0px 0 #00a01d;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-rojo{background:0 0;font-size:15px;position:relative;height:2em}
.btn-rojo a{color:#ffffff;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-rojo::after,.btn-rojo::before{background:#e80000;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-rojo::before{box-shadow:0px 0px 0 #e80000,0px 0px 0 #e80000,0px 0px 0 #e80000,0px 0px 0 #e80000;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-rojo::after{box-shadow:0px 0px 0 #e80000,0px 0px 0 #e80000,0px 0px 0 #e80000,0px 0px 0 #e80000;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
.btn-blanco{background:0 0;font-size:15px;position:relative;height:2em}
.btn-blanco a{color:#000000;text-decoration:none;position:relative;z-index:10;margin:5px}
.btn-blanco::after,.btn-blanco::before{background:#d2d2d2;border-radius:3px;content:'';display:block;position:absolute;left:0;right:0;-webkit-transition:all 1s;transition:all 1s;height:1em}
.btn-blanco::before{box-shadow:0px 0px 0 #222222,0px 0px 0 #222222,0px 0px 0 #222222,0px 0px 0 #222222;-webkit-transform:skew(45deg);transform:skew(45deg);top:0}
.btn-blanco::after{box-shadow:0px 0px 0 #222222,0px 0px 0 #222222,0px 0px 0 #222222,0px 0px 0 #222222;-webkit-transform:skew(-45deg);transform:skew(-45deg);bottom:0}
/* .btn-right:hover::after,.btn-right:hover::before{background:#68d3e2} */
/* .btn-right:focus{outline:0} */
/* .btn-right:focus::after,.btn-right:focus::before{background:#68d3e2} */
/* @-webkit-keyframes zoom{25%{-webkit-transform:scale3d(1.5,1.5,0);transform:scale3d(1.5,1.5,0)}
50%{-webkit-transform:scale3d(1,1,0);transform:scale3d(1,1,0)}
75%{-webkit-transform:scale3d(1.25,1.25,0);transform:scale3d(1.25,1.25,0)}}
@keyframes zoom{25%{-webkit-transform:scale3d(1.5,1.5,0);transform:scale3d(1.5,1.5,0)}
50%{-webkit-transform:scale3d(1,1,0);transform:scale3d(1,1,0)}
75%{-webkit-transform:scale3d(1.25,1.25,0);transform:scale3d(1.25,1.25,0)}}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
body{background:#fefefe;font-family:"Noto sans",sans-serif;text-align:center;margin:3em 0}
h1{color:#0b1421;font-weight:400}
button a{top:-2px} */

.direct-chat-messages {
  height: 450px;
}
.linea{ 
  padding-left:30px;
  border:         none;
  border-left:    1px solid hsla(200, 10%, 50%,100);
  height:         100%;
  width:          1px;       
}
/*  */
.botn {
  background-color: rgb(25, 91, 214);
  border-color    : rgb(35, 35, 237);
}
.botn-active {
  background-color: rgb(89, 89, 89);
  border-color    : #94949d;
  /* border-color    : #dadada; */
}
/* .buttons {
  border          : 1px solid grey;
  border-radius   : 4px;
  display         : flex;
  justify-content : space-around;
  padding         : 5%;
} */

.firma_t {
  writing-mode: vertical-rl;
}