/*Soluciona y corrige aspectos del template */
.dropdown-menu{
    border: 1px solid rgba(0,0,0,.15);
    font-size: 1rem;

}
.notify .point{
    background-color: #edeef0!important;
}
.color-white{
    color: #fff!important;
}


select.form-control  {
    
    border-radius: .25rem;
}

.pagination .page-item .page-link{
		 border:0;
		 border-radius:30px !important;
		 transition:all .3s;
		 padding:0px 11px;
		 margin:0 3px;
		 min-width:30px;
		 text-align:center;
		 height:30px;
		 line-height:30px;
		 color:#464646;;
		 cursor:pointer;
		 font-size:14px;
		 text-transform:
		 uppercase;
		 background:transparent
		 
}
.pagination .page-item .page-link:hover,.pagination .page-item .page-link:focus{
			/* color:#000;*/
			 /* background-color:rgba(222,222,222,0.3);border:none*/
			 background-color: #888;
border-color: #888;
color: #fff;
			 }
			 /* cuando este activo*/
			 /*
			 .pagination .page-item.active>.page-link,.pagination .page-item.active>.page-link:focus,.pagination .page-item.active>.page-link:hover{
				background-color:#e31c79;border-color:#e31c79;color:#fff
				}
				*/
				
.minileftbar .menu_list li li {/* para el router link*/
    padding: 10px;
    color: #fff;
}

.break-word-d{
	white-space: normal!important;
	word-wrap:break-word;
	

}
.td-break-word-d{
	white-space: normal!important;
	word-wrap:break-word;
	 overflow-wrap: break-word;
	word-break: break-word;

}


.modal-backdrop{
	position: fixed;
}


.theme-sifei-rosa .minileftbar {
    background: #d12173;
}

.field-required {
     
    color: red;
}
.required-field {
     
    color: red;
}

.btn-link {
    border: 0;
    padding: 11px 22px;  /*Para que se ve bien el datetimepicker*/
    background-color: transparent;
}

.btn-pink-secundary {
  background-color: #d563e1;
  color: #fff;
}

.btn-pink-secundary:hover {
  color: #fff;
  background-color: #e2aee7 !important;
  border-color: #e2aee7 ;
}

.btn-purple {
     background-color: #781ABA;
    color: #fff;
}
.btn-purple:hover {
    color: #fff;
    background-color: #8842B9!important;
    border-color: #8842B9;
}
.btn-dan {
    background-color: #781ABA;
    color: #fff;
}

 .no-z-index > .btn.active{ /*corrige el z-indez de bootsrap 4*/
	z-index: 0 !important;
}

.btn-round-rigth{
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
	padding: 11px 23px;
	border-width: 1px;
	}
	
	.btn-round-left{
	border-top-left-radius: 30px !important;
	border-bottom-left-radius: 30px !important;
	padding: 11px 23px;
	border-width: 1px;
	}


.minileftbar-guess {
    background: #1c83e3  !important;
}


/*****drg an drop **/


#drop-area {
  border: 2px dashed #ccc;
  border-radius: 20px;
  width: 480px;
  font-family: sans-serif;
  margin: 35px auto;
  padding: 15px;
}
#drop-area.highlight {
  border-color: purple;
}
p {
  margin-top: 0;
}
.my-form {
  margin-bottom: 10px;
}
#gallery {
  margin-top: 10px;
}
#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
/*
.button {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
}
*/
/*
.button:hover {
  background: #ddd;
}
*/
#fileElem {
  display: none;
}
/** drag and drop end */


/***transitions **/
.fade-enter-active, .fade-leave-active {
	transition: opacity .2s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	opacity: 0;
  }

/**/
  .bounce-enter-active {
	animation: bounce-in .5s;
  }
  .bounce-leave-active {
	animation: bounce-in .5s reverse;
  }
  @keyframes bounce-in {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(1.5);
	}
	100% {
	  transform: scale(1);
	}
  }


  .enter { transform: translateX(100%) }
.enter-to { transform: translateX(0) }
.slide-enter-active { position: absolute }

.leave { transform: translateX(0) }
.leave-to { transform: translateX(-100%) }

.slide-enter-active,
.slide-leave-active { transition: all 750ms ease-in-out }

/***transitions **/







.slide--left-enter-active .slide--inner,
.slide--left-enter-active .header,
.slide--left-enter-active .footer, .slide--left-enter-active, .slide--right-enter-active .slide--inner,
.slide--right-enter-active .header,
.slide--right-enter-active .footer, .slide--right-enter-active, .slide--left-leave-active .slide--inner,
.slide--left-leave-active .header,
.slide--left-leave-active .footer, .slide--left-leave-active, .slide--right-leave-active .slide--inner,
.slide--right-leave-active .header,
.slide--right-leave-active .footer, .slide--right-leave-active {
  transition: transform 525ms cb(io);
}
.slide--left-enter {
  transform: translateX(100%);
}
.slide--left-enter .slide--inner {
  transform: translateX(-90%);
}
.slide--left-enter .header,
.slide--left-enter .footer {
  transform: translateX(-10%);
}
.slide--right-enter {
  transform: translateX(-100%);
}
.slide--right-enter .slide--inner {
  transform: translateX(90%);
}
.slide--right-enter .header,
.slide--right-enter .footer {
  transform: translateX(10%);
}
.slide--left-enter-to .slide--inner,
.slide--left-enter-to .header,
.slide--left-enter-to .footer, .slide--left-enter-to, .slide--right-enter-to .slide--inner,
.slide--right-enter-to .header,
.slide--right-enter-to .footer, .slide--right-enter-to, .slide--left-leave .slide--inner,
.slide--left-leave .header,
.slide--left-leave .footer, .slide--left-leave, .slide--right-leave .slide--inner,
.slide--right-leave .header,
.slide--right-leave .footer, .slide--right-leave {
  transform: translateX(0);
}
.slide--left-leave-to {
  transform: translateX(-10%);
}
.slide--left-leave-to .header,
.slide--left-leave-to .footer {
  transform: translateX(10%);
}
.slide--right-leave-to {
  transform: translateX(10%);
}
.slide--right-leave-to .header, .slide--right-leave-to .footer {
  transform: translateX(-10%);
}

.viewport {

    position: relative;

}

.view {

    height: 100%;
    min-height: 600px;

}
.view__content {

    height: 100%;
    overflow: hidden;

}*/

.tagd   {
  list-style: none;
}

.tagd{
	
	
}

.span-tag{
	background: #007ae4;

color: aliceblue;
/*display:block;*/
padding: 4px;

border-radius: .55rem;;
}



.table-sm th {

    padding: .25rem;

}
/***button material circle*/


.v-btn {
	cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6px 8px;
    min-width: 88px;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.v-btn.v-btn--outline {
    border: 1px solid currentColor;
    background: transparent !important;
    box-shadow: none;
}
.v-btn--floating {

    min-width: 0;
    height: 56px;
    width: 56px;
    padding: 0;

}
.v-btn--floating.v-btn--small {

    height: 40px;
    width: 40px;

}
.v-btn--icon {

    padding: 0;

}
.v-btn--floating, .v-btn--icon::before {

    border-radius: 50%;

}
.v-btn--small {

    font-size: 13px;
    height: 28px;
    padding: 0 8px;

}
.v-btn {

    padding: 0 16px;

}
.v-btn.v-btn--outline:hover {
    box-shadow: none;
}
.v-btn.v-btn--outline {
  border: 1px solid currentColor;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.v-btn.v-btn--outline:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.v-btn--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 6px 0;
  width: 100%;
}
.v-btn--round {
  border-radius: 28px;
}
.v-btn--round:after {
  border-radius: 28px;
}
.v-btn--active,
.v-btn:hover,
.v-btn:focus {
  position: relative;
}
.v-btn--active:before,
.v-btn:hover:before,
.v-btn:focus:before {
  background-color: currentColor;
}
.v-btn:before {
  border-radius: inherit;
  color: inherit;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.12;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}


.btn-aqua {
  color:#fff;
  background-color:#15b2dd;
  border-color:#15b2dd
 }
 .btn-aqua:hover {
  color:#fff;
  background-color: #53352D;
  border-color:#775539
 }
 .btn-aqua.focus,.btn-aqua:focus {
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5);
  background-color:#2ebdff;
 }
 .btn-aqua.disabled,.btn-aqua:disabled {
  color:#fff;
  background-color:#1697bc;
  border-color:#1697bc
 }
 .btn-aqua:not(:disabled):not(.disabled).active,.btn-aqua:not(:disabled):not(.disabled):active,.show>.btn-aqua.dropdown-toggle {
  color:#fff;
  background-color:#0062cc;
  border-color:#005cbf
 }
 .btn-aqua:not(:disabled):not(.disabled).active:focus,.btn-aqua:not(:disabled):not(.disabled):active:focus,.show>.btn-aqua.dropdown-toggle:focus {
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5);
  background-color:#15b2dd;
 }
 .contact-sifei {
  font-size: 12px;
 }


 
/**Esta regla es para nivelar el checkbox de alpino  dentro de un table */
td > .checkbox label{
  padding-bottom: .75rem !important;
  }

/**created by Daniel Colores que representan a Sifei en su logo*/
  .text-rosa{
    color:#FD227E;
  }
  .text-amarillo{
    color: #FEB81C;
  }
  .text-azul{
    color:#02B4E2;
  }
  .text-descargasat{
    color:#53352D;
  }
  h1, .h1 {

    font-size: 4.5em;
    

}

.daterangepicker td.in-range {
  background-color: #67b8dc;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.in-range {

  background-color: #FEB81C  !important;
  border-color: transparent;
  color: #000;
  border-radius: 0;

}
.daterangepicker td.active, .daterangepicker td.active:hover {

  background-color: #02B4E2!important;
  border-color: transparent;
  color: #fff;

}

.alert.alert-info {  
  background: #15b2dd;
}
.bg-danger {
  background-color: #E91E63 !important;
}
.alert.alert-warning {  
  background: #EAA710;
}
.alert.alert-primary {

 
  background: #9c4e3a;

}
.alert.alert-success {

   
  background: #33c344;
      background-color: rgb(51, 195, 68);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-attachment: scroll;
      background-image: none;
      background-size: auto auto;
      background-origin: padding-box;
      background-clip: border-box;

}
.card-dark{
  background: #dadada;  
  padding-bottom: 1rem !important;
}

.bg-success{
  background: #33c344;
      background-color: rgb(51, 195, 68)!important;
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-attachment: scroll;
      background-image: none;
      background-size: auto auto;
      background-origin: padding-box;
      background-clip: border-box;
}
.table-sm td, .table-sm th {

  padding: .3rem;
  padding-top: .05rem;
  padding-bottom: .05rem;

}



.modal-xl {
    max-width: 1140px;
}

.modal-xl2 {
  max-width: 1340px;
}

.table-border-header td, .table-border-header th {  
  border-top: 0px none;
}

.td-wrap {
  white-space: break-spaces !important;
}

.disabled {
    pointer-events:none;  
    opacity:0.6;         
    color: #ff1f46;
}
.bg-primary {
  background-color: 
  #a0e6dc !important;
}