.label-red {
    background-color: #F34235 !important;
}
.label-red:hover {
    background-color: #c3352b !important;
}
.label-lred {
    background-color: transparent !important;
}
.label-lred:hover {
    background-color: #F34235 !important;
}


.label-pink {
    background-color: #E81D62 !important;
}
.label-pink:hover {
    background-color: #c51954 !important;
}
.label-lpink {
    background-color: transparent !important;
}
.label-lpink:hover {
    background-color: #E81D62 !important;
}


.label-purple {
    background-color: #9B26AF !important;
}
.label-purple:hover {
    background-color: #89219b !important;
}
.label-lpurple {
    background-color: transparent !important;
}
.label-lpurple:hover {
    background-color: #9B26AF !important;
}


.label-deep-purple {
    background-color: #6639B6 !important;
}
.label-deep-purple:hover {
    background-color: #5e35a8 !important;
}
.label-ldeep-purple {
    background-color: transparent !important;
}
.label-ldeep-purple:hover {
    background-color: #6639B6 !important;
}


.label-indigo {
    background-color: #3E50B4 !important;
}
.label-indigo:hover {
    background-color: #3949a2 !important;
}
.label-lindigo {
    background-color: transparent !important;
}
.label-lindigo:hover {
    background-color: #3E50B4 !important;
}


.label-blue {
    background-color: #2095F2 !important;
}
.label-blue:hover {
    background-color: #1a80d1 !important;
}
.label-lblue {
    background-color: transparent !important;
}
.label-lblue:hover {
    background-color: #2095F2 !important;
}


.label-light-blue {
    background-color: #02A8F3 !important;
}
.label-light-blue:hover {
    background-color: #0396d8 !important;
}
.label-llight-blue {
    background-color: transparent !important;
}
.label-llight-blue:hover {
    background-color: #02A8F3 !important;
}


.label-cyan {
    background-color: #00BBD3 !important;
}
.label-cyan:hover {
    background-color: #009fb3 !important;
}
.label-lcyan {
    background-color: transparent !important;
}
.label-lcyan:hover {
    background-color: #00BBD3 !important;
}


.label-teal {
    background-color: #009587 !important;
}
.label-teal:hover {
    background-color: #018175 !important;
}
.label-lteal {
    background-color: transparent !important;
}
.label-lteal:hover {
    background-color: #009587 !important;
}


.label-green {
    background-color: #4BAE4F !important;
}
.label-green:hover {
    background-color: #449d47 !important;
}
.label-lgreen {
    background-color: transparent !important;
}
.label-lgreen:hover {
    background-color: #4BAE4F !important;
}



.label-light-green {
    background-color: #8AC249 !important;
}
.label-light-green:hover {
    background-color: #78a83f !important;
}
.label-llight-green {
    background-color: transparent !important;
}
.label-llight-green:hover {
    background-color: #8AC249 !important;
}


.label-lime {
    background-color: #CCDB38 !important;
}
.label-lime:hover {
    background-color: #bbc933 !important;
}
.label-llime {
    background-color: transparent !important;
}
.label-llime:hover {
    background-color: #CCDB38 !important;
}


.label-yellow {
    background-color: #FEEA3A !important;
}
.label-yellow:hover {
    background-color: #e4d235 !important;
}
.label-lyellow {
    background-color: transparent !important;
}
.label-lyellow:hover {
    background-color: #FEEA3A !important;
}


.label-amber {
    background-color: #FEC006 !important;
}
.label-amber:hover {
    background-color: #e1aa05 !important;
}
.label-lamber {
    background-color: transparent !important;
}
.label-lamber:hover {
    background-color: #FEC006 !important;
}


.label-orange {
    background-color: #FE9700 !important;
}
.label-orange:hover {
    background-color: #e78a01 !important;
}
.label-lorange {
    background-color: transparent !important;
}
.label-lorange:hover {
    background-color: #FE9700 !important;
}


.label-deep-orange {
    background-color: #FE5621 !important;
}
.label-deep-orange:hover {
    background-color: #d4481c !important;
}
.label-ldeep-orange {
    background-color: transparent !important;
}
.label-ldeep-orange:hover {
    background-color: #FE5621 !important;
}


.label-brown {
    background-color: #785447 !important;
}
.label-brown:hover {
    background-color: #65463b !important;
}
.label-lbrown {
    background-color: transparent !important;
}
.label-lbrown:hover {
    background-color: #785447 !important;
}


.label-gray {
    background-color: #9D9D9D !important;
}
.label-gray:hover {
    background-color: #888888 !important;
}
.label-lgray {
    background-color: transparent !important;
}
.label-lgray:hover {
    background-color: #9D9D9D !important;
}


.label-blue-gray {
    background-color: #5F7C8A !important;
}
.label-blue-gray:hover {
    background-color: #516a76 !important;
}
.label-lblue-gray {
    background-color: transparent !important;
}
.label-lblue-gray:hover {
    background-color: #5F7C8A !important;
}


.label-black {
    background-color: #2d2d2d !important;
}
.label-black:hover {
    background-color: #000000 !important;
}
.label-lblack {
    background-color: transparent !important;
}
.label-lblack:hover {
    background-color: #2d2d2d !important;
}


.label-white {
    background-color: #ffffff !important;
}
.label-white:hover {
    background-color: #f7f7f7 !important;
}


.btn-red {
    color: #f8f8f8 !important;
    
    border-color: #c3352b !important;
}
.btn-red:hover {
    color: #fff !important;
    border-color: #c3352b !important;
}
.btn-lred {
    color: #F34235 !important;
    background-color: transparent !important;
    
    border-color: #F34235 !important;
}
.btn-lred:hover {
    color: #fff !important;
    background-color: #F34235 !important;
    border-color: #F34235 !important;
}


.btn-pink {
    color: #f8f8f8 !important;
    
    border-color: #c51954 !important;
}
.btn-pink:hover {
    color: #fff !important;
    border-color: #c51954 !important;
}
.btn-lpink {
    color: #E81D62 !important;
    background-color: transparent !important;
    
    border-color: #c51954 !important;
}
.btn-lpink:hover {
    color: #fff !important;
    background-color: #E81D62 !important;
    border-color: #E81D62 !important;
}


.btn-purple {
    color: #f8f8f8 !important;
    
    border-color: #89219b !important;
}
.btn-purple:hover {
    color: #fff !important;
    border-color: #89219b !important;
}
.btn-lpurple {
    color: #9B26AF !important;
    background-color: transparent !important;
    
    border-color: #9B26AF !important;
}
.btn-lpurple:hover {
    color: #fff !important;
    background-color: #9B26AF !important;
    border-color: #9B26AF !important;
}


.btn-deep-purple {
    color: #f8f8f8 !important;
    
    border-color: #5e35a8 !important;
}
.btn-deep-purple:hover {
    color: #fff !important;
    border-color: #5e35a8 !important;
}
.btn-ldeep-purple {
    color: #6639B6 !important;
    background-color: transparent !important;
    
    border-color: #6639B6 !important;
}
.btn-ldeep-purple:hover {
    color: #fff !important;
    background-color: #6639B6 !important;
    border-color: #6639B6 !important;
}


.btn-indigo {
    color: #f8f8f8 !important;
    
    border-color: #3949a2 !important;
}
.btn-indigo:hover {
    color: #fff !important;
    border-color: #3949a2 !important;
}
.btn-lindigo {
    color: #3E50B4 !important;
    background-color: transparent !important;
    
    border-color: #3E50B4 !important;
}
.btn-lindigo:hover {
    color: #fff !important;
    background-color: #3E50B4 !important;
    border-color: #3E50B4 !important;
}


.btn-blue {
    color: #f8f8f8 !important;
    
    border-color: #1a80d1 !important;
}
.btn-blue:hover {
    color: #fff !important;
    border-color: #1a80d1 !important;
}
.btn-lblue {
    color: #2095F2 !important;
    background-color: transparent !important;
    
    border-color: #2095F2 !important;
}
.btn-lblue:hover {
    color: #fff !important;
    background-color: #2095F2 !important;
    border-color: #2095F2 !important;
}


.btn-light-blue {
    color: #f8f8f8 !important;
    background-color: transparent !important;
    
    border-color: #0396d8 !important;
}
.btn-light-blue:hover {
    color: #fff !important;
    background-color: #0396d8 !important;
    border-color: #0396d8 !important;
}
.btn-llight-blue {
    color: #02A8F3 !important;
    background-color: transparent !important;
    
    border-color: #02A8F3 !important;
}
.btn-llight-blue:hover {
    color: #fff !important;
    background-color: #02A8F3 !important;
    border-color: #02A8F3 !important;
}


.btn-cyan {
    color: #f8f8f8 !important;
    border-color: #009fb3 !important;
}
.btn-cyan:hover {
    color: #fff !important;
    background-color: #009fb3 !important;
    border-color: #009fb3 !important;
}
.btn-lcyan {
    color: #00BBD3 !important;
    background-color: transparent !important;
    
    border-color: #00BBD3 !important;
}
.btn-lcyan:hover {
    color: #fff !important;
    background-color: #00BBD3 !important;
    border-color: #00BBD3 !important;
}


.btn-teal {
    color: #f8f8f8 !important;
    background-color: #009587 !important;
    border-color: #018175 !important;
}
.btn-teal:hover {
    color: #fff !important;
    border-color: #018175 !important;
}
.btn-lteal {
    color: #009587 !important;
    background-color: transparent !important;
    
    border-color: #009587 !important;
}
.btn-lteal:hover {
    color: #fff !important;
    background-color: #009587 !important;
    border-color: #009587 !important;
}


.btn-green {
    color: #f8f8f8 !important;
    
    border-color: #449d47 !important;
}
.btn-green:hover {
    color: #fff !important;
    border-color: #449d47 !important;
}
.btn-lgreen {
    color: #4BAE4F !important;
    background-color: transparent !important;
    
    border-color: #4BAE4F !important;
}
.btn-lgreen:hover {
    color: #fff !important;
    background-color: #4BAE4F !important;
    border-color: #4BAE4F !important;
}



.btn-light-green {
    color: #f8f8f8 !important;
    background-color: transparent !important;
    
    border-color: #78a83f !important;
}
.btn-light-green:hover {
    color: #fff !important;
    background-color: #78a83f !important;
    border-color: #78a83f !important;
}
.btn-llight-green {
    color: #8AC249 !important;
    background-color: transparent !important;
    
    border-color: #8AC249 !important;
}
.btn-llight-green:hover {
    color: #fff !important;
    background-color: #8AC249 !important;
    border-color: #8AC249 !important;
}


.btn-lime {
    color: #f8f8f8 !important;
    background-color: transparent !important;
    
    border-color: #bbc933 !important;
}
.btn-lime:hover {
    color: #fff !important;
    background-color: #bbc933 !important;
    border-color: #bbc933 !important;
}
.btn-llime {
    color: #CCDB38 !important;
    background-color: transparent !important;
    
    border-color: #CCDB38 !important;
}
.btn-llime:hover {
    color: #fff !important;
    background-color: #CCDB38 !important;
    border-color: #CCDB38 !important;
}


.btn-yellow {
    color: #f8f8f8 !important;
    
    border-color: #e4d235 !important;
}
.btn-yellow:hover {
    color: #fff !important;
    border-color: #e4d235 !important;
}
.btn-lyellow {
    color: #FEEA3A !important;
    background-color: transparent !important;
    
    border-color: #FEEA3A !important;
}
.btn-lyellow:hover {
    color: #fff !important;
    background-color: #FEEA3A !important;
    border-color: #FEEA3A !important;
}


.btn-amber {
    color: #f8f8f8 !important;
    border-color: #e1aa05 !important;
}
.btn-amber:hover {
    color: #fff !important;
    background-color: #e1aa05 !important;
    border-color: #e1aa05 !important;
}
.btn-lamber {
    color: #FEC006 !important;
    background-color: transparent !important;
    
    border-color: #FEC006 !important;
}
.btn-lamber:hover {
    color: #fff !important;
    background-color: #FEC006 !important;
    border-color: #FEC006 !important;
}


.btn-orange {
    color: #f8f8f8 !important;
    background-color: #FE9700 !important;
    border-color: #e78a01 !important;
}
.btn-orange:hover {
    color: #fff !important;
    background-color: #e78a01 !important;
    border-color: #e78a01 !important;
}
.btn-lorange {
    color: #FE9700 !important;
    background-color: transparent !important;
    
    border-color: #FE9700 !important;
}
.btn-lorange:hover {
    color: #fff !important;
    background-color: #FE9700 !important;
    border-color: #FE9700 !important;
}


.btn-deep-orange {
    color: #f8f8f8 !important;
    
    border-color: #d4481c !important;
}
.btn-deep-orange:hover {
    color: #fff !important;
    border-color: #d4481c !important;
}
.btn-ldeep-orange {
    color: #FE5621 !important;
    background-color: transparent !important;
    
    border-color: #FE5621 !important;
}
.btn-ldeep-orange:hover {
    color: #fff !important;
    background-color: #FE5621 !important;
    border-color: #FE5621 !important;
}


.btn-brown {
    color: #f8f8f8 !important;
    
    border-color: #65463b !important;
}
.btn-brown:hover {
    color: #fff !important;
    border-color: #65463b !important;
}
.btn-lbrown {
    color: #785447 !important;
    background-color: transparent !important;
    
    border-color: #785447 !important;
}
.btn-lbrown:hover {
    color: #fff !important;
    background-color: #785447 !important;
    border-color: #785447 !important;
}


.btn-gray {
    color: #f8f8f8 !important;
    
    border-color: #888888 !important;
}
.btn-gray:hover {
    color: #ffffff !important;
    border-color: #888888 !important;
}
.btn-lgray {
    color: #9D9D9D !important;
    background-color: transparent !important;
    
    border-color: #9D9D9D !important;
}
.btn-lgray:hover {
    color: #fff !important;
    background-color: #9D9D9D !important;
    border-color: #9D9D9D !important;
}


.btn-blue-gray {
    color: #f8f8f8 !important;
    
    border-color: #516a76 !important;
}
.btn-blue-gray:hover {
    color: #fff !important;
    border-color: #516a76 !important;
}
.btn-lblue-gray {
    color: #5F7C8A !important;
    background-color: transparent !important;
    
    border-color: #5F7C8A !important;
}
.btn-lblue-gray:hover {
    color: #fff !important;
    background-color: #5F7C8A !important;
    border-color: #5F7C8A !important;
}


.btn-black {
    color: #f8f8f8 !important;
    
    border-color: #000000 !important;
}
.btn-black:hover {
    color: #fff !important;
    border-color: #000000 !important;
}
.btn-lblack {
    color: #2d2d2d !important;
    background-color: transparent !important;
    
    border-color: #2d2d2d !important;
}
.btn-lblack:hover {
    color: #fff !important;
    background-color: #2d2d2d !important;
    border-color: #2d2d2d !important;
}


.btn-white {
    color: #000000 !important;
    
    border-color: #d3d3d3 !important;
}
.btn-white:hover {
    color: #222222 !important;
    border-color: #d3d3d3 !important;
}
.text-red {
    color: #F34235;
}

.text-pink {
    color: #E81D62;
}

.text-purple {
    color: #9B26AF;
}

.text-deep-purple {
    color: #6639B6;
}

.text-indigo {
    color: #3E50B4;
}

.text-blue {
    color: #2095F2;
}

.text-light-blue {
    color: #02A8F3;
}

.text-cyan {
    color: #00BBD3;
}

.text-teal {
    color: #009587;
}

.text-green {
    color: #4BAE4F;
}

.text-light-green {
    color: #8AC249;
}

.text-lime {
    color: #CCDB38;
}

.text-yellow {
    color: #FEEA3A;
}

.text-amber {
    color: #FEC006;
}

.text-orange {
    color: #FE9700;
}

.text-deep-orange {
    color: #FE5621;
}

.text-brown {
    color: #785447;
}

.text-gray {
    color: #9D9D9D;
}

.text-blue-gray {
    color: #5F7C8A;
}

.text-black {
    color: #2d2d2d !important;
}

.categorias
{
	transition: all .25s ease-in-out;
  width: 372px;
  height: 212px;
	border: 2px solid orange;
}
.cat
{
  border: 2px solid orange;
  width: 744px;
  height: 424px;
  opacity: 0.8;
}
.cat:hover
{
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 1;
  transition: scale(1,1);
}

figure img.categorias
{
  width: 744px;
  height: 424px;
}
.links
{
	transition: all .25s ease-in-out;
	height: 125px;
	width: 125px;
}
.btn.btn-block.btn-danger
{
	width: 125px;
	margin: auto;
}

.content, .container
{
	padding: 15px;
	padding-right: 20px;
	margin: auto;
}

.categorias:hover
{
	z-index: 100;
	transform: scale(1.1);
}

.textos_big
{
    color:rgb(255, 102, 0);
    text-shadow: 1px 1px red;
    font-size:30px
}
.textos_small
{
    color:rgb(255, 102, 0);
    text-shadow: 1px 1px red;
    font-size:15px
}


.contactsUser
{
  color: black;
  display: inline-table;
  border-radius: 50%;
  background: white;
}

.contactsUser span
{
  text-align: center;
  vertical-align: middle;
  line-height: 50px; 
  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, #571B3C 0 2px 12px;
}

.filterTickets
{
  cursor: pointer;
}

.panel-title span
{
  display: inline-flex !important;
}

.label-msgWhite {
  background: rgba(130, 125, 207,0.1) !important;
  color: rgba(72, 72, 72, 1) !important;

}

.slimScrollDiv,.chatBody
{
  height: 700px !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .slimScrollDiv,.chatBody
  {
    height: 290px !important;
  }
}

.miTicket
{
    background-color:rgba(0,187,211, .5) !important;
}

.SinAceptar
{
    background-color:rgba(95, 124, 138, 0.5) !important;
}

.sinAsistente
{
    background-color:rgba( 255, 76, 64, .5) !important;
}
.conAsistente
{
    background-color:rgba(254, 192, 6, .5) !important;
}
.ticketCerrado
{
    background-color:rgba(76, 217, 100, .5) !important;
}
.ticketCerrado:hover
{
    background-color:rgba(76, 217, 100, 1) !important;
}

.numeroMensajes
{
    background-color:rgba(249, 158, 30, 0.8) !important;
}

.cursorNormal
{ 
    cursor: auto;
}

#inputFile,#accionesChat
{
    position: relative;
    float: right;
    top: -20px;
    padding: 5px;
}

.message.ticketOff
{
    display: none !important;
}

.message
{
    display: inline-block !important;
}