.ocultar {
    visibility: collapse;
    display : none;
    width: 22px;
}

.botones{
	margin-top: 5px;
    color: blue;
}
.carHeaderBlue{
	background: #6c757d !important;
    border-radius: 3px;
}
.comunes .item aside, .programas .item aside {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    width: inherit;
    padding: 5px;
    padding-left: 38px;
    bottom: 0px;
    font-size: small;
    background-color: rgba(0, 0, 0, .25);
    min-height: 3em;
   
}

.comunes .item, .programas .item {
	    margin-top: 1%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
   /* width: 150px;*/
     padding-left: 0px;
    padding-right: 0px;
        margin-right: 10px;
   /* display: inline-table;*/
        margin-left: 1%;
    margin-bottom: 2%;
   /* padding: 5px;*/
   /* margin-top: 2%;
    margin-left: 4%;
    margin-right: 1%;
    margin-bottom: 2%;*/
    position: relative;
    border-radius: 5px 5px 0 0;
}

.altoComunes{
	height: 120px !important;
}
#tablaRegistros{
	display: block;
	
}



 .form-control-tabla{
     display: initial;
    margin-top: 0px;
    font-size: 0.6rem !important;
 }
 /* .form-control-tabla{
     display: initial;
    margin-top: 0px;
    font-size: 0.6rem !important;
  }*/    

.divPrimeroFilaInterno {
	padding-left: 8px;
}

.archivoCargado{
	color: #2082c3 !important;
    font-size: 14px;
    font-weight: 700;
}

.archivoCargado:after{
	font-family: "Font Awesome 5 Free"; 
	content: "\f381";
	padding-left: 4px;
}

.archivoCargado:hover,
.archivoCargado:focus{
  	border-color: #1a7bb9 !important;
  	color: #FFFFFF;
  	text-decoration: underline;
}

#collapseOne{
	height: 71%;
}

.labelColorRojo{
	color: #ed5565;
    font-size: 16px;
    font-weight: 700;
}
.text-font-weight-100{font-weight: 100;
}
textarea{
	resize: none;
}


.mensajeInicial {
	background: url(../img/ventanaAbrir.png) center no-repeat;
	margin-top: 25px;
	color: #DEDEDE;;
	text-align: center;
	font-size: 2em;
}


.ui-menu {
width: 200px;
}


.mensajeInicial:after{
	margin: auto;
	display: block;
	content: "";
	width: 250px;
	height: 365px;
}

#error {
	margin-top: 25px;
	color: #DEDEDE;;
	text-align: center;
	font-size: 22px;
}

#error:after {
	margin: auto;
	display: block;
	content: "";
	background: url(../img/ventanaError.png) center no-repeat;
	
	height: 283px;
}
#informacion {
	margin-top: 25px;
	color: #116df7;
	text-align: center;
	font-size: 22px;
}

#informacion:after {
	margin: auto;
	display: block;
	content: "";
	background: url(../img/ventanainformativa.png) center no-repeat;
	height: 283px;
}

#Mensajelogo {
	margin-top: 25px;
	color: #116df7;
	text-align: center;
	font-size: 22px;
}

#Mensajelogo:after {
	margin: auto;
	display: block;
	content: "";
	background: url(../img/Sindicato-logo.png) center no-repeat;
	height: 500px;
}
#cargando {
	padding-top:40px;
	text-align:center;
	
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	
	position: absolute;
	color: white;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .75) url(../img/cargando.gif) center no-repeat;
	z-index: 150;
}
 input[type=file] {
     display: block;
     color: white;
     box-sizing: border-box;
     width: 100%;
     box-shadow: 0px 0px 2px #999;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
    padding:5px;
 }

 .estadoCarga {
     font-style: italic;
     margin-bottom: 5px;
     text-align: left;
 }

 input[type=file]:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
     background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
     background-size: 50px 50px;
     -webkit-background-size: 50px 50px;
     -moz-background-size: 50px 50px;
     -webkit-animation: move 2s linear infinite;
     -moz-animation: move 2s linear infinite;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     overflow: hidden;
 }
 
  
.naranja {
  background-color: #f1a165;
}
    
.gris{
 background-color: #a4a7a9;
}
  
 .verde {
   background-color: #0baf8e !important;
}


 .celeste {
     background-color: #5DD1F9;
 }

.rojo {
	background-color: #ea6472 ;
}

.amarillo {
     background-color: #fffb7d;
}
    
#collapseTwo #detalleItem div.card-header{
	display:none;
}
.display-none{
	display:none;
}
/*
.certificacionFinanciera{
	background-image: url('../img/nuevo.png');
}*/

.alinearElementos{
	display: inline-flex;
}

.input-group >.form-control{
	border-top-right-radius: .2em;
    border-bottom-right-radius: .2em;
    font-size:90%;
}

.padding-logout{
	    padding: 0px 10px 0px 0px!important;
}

._nuevo:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f055";
	padding-right: 4px;
}

._buscar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f002";
	padding-right: 4px;
}

._guardar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0c7";
	padding-right: 4px;
}

._filtrar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0b0";
	padding-right: 4px;
}


._actualizar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f021";
	padding-right: 4px;
}

._seleccionar:before {
	font-family: "Font Awesome 5 Free";  
	font-weight: 900; 
	content: "\f0ae";
	padding-right: 4px;
}

._modificar:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  
	 content: "\f044";
	  padding-right: 4px;
}

._eliminar:before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f2ed";
	padding-right: 4px;
}

._asignar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	 content: "\f0ae";
	 padding-right: 4px;
}

._quitar:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	 content: "\f00d";
	/* padding-right: 4px;*/
	
}
._quitar{
	padding: 2px 8px;
	cursor: pointer;
	    /*border: #d64e5bfa solid 2px*/
}
._rechazar:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	 content: "\f071";
	/* padding-right: 4px;*/
	
}

._rechazar{
	padding: 2px 8px;
	cursor: pointer;
	    /*border: #d64e5bfa solid 2px*/
}
._gestionar:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f51c";
	padding-right: 4px;
}

._abrir:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f07c";
	
	 /*content: "\f07c,f2b6";*/
	 padding-right: 4px;
}

._agregarSinTexto:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	 content: "\f067";
	 
}

._agregarConTexto:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f067";
	padding-right: 4px;
}

._archivoAdjunto:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	 content: "\f0c6";
	 padding-right: 4px;
}



.cantidadItemsSeleccionados{
	font-size:14px;
	font-weight: 900;
	padding-right: 4px;
}
.seleccionado {
	background-color: #8e16334f !important;
	/*#eaca2f87 !important;*/
}

._nuevoColor{
	background-color: #1c84c6;
    /*border-color: #1c84c*/
    border:#1c84c6 solid 2px;
    color: #FFFFFF;
}
._asignarColor{
	background-color: #1db8c5;
    /*border-color: #1c84c*/
    border:#1db8c5 solid 2px;
    color: #FFFFFF;
}

._actualizarColor{
	background-color: #2fad94;;
    /*border-color: #2fad94;*/
    color: #FFFFFF;
    border:#2fad94 solid 2px;
}

._seleccionarColor{
	background-color: #f8ac59;
   /* border-color: #f8ac59;*/
    color: #FFFFFF;
     border:#f8ac59 solid 2px;
}

._modificarColor{
	    color: #fff;
    background-color: #6c757d;
    /*border-color: #6c757d;*/
    border:#6c757d solid 2px;
}

._eliminarColor{
	color: #fff;
    background-color: #dc3545c7;
    border:#e65563e6 solid 2px;
}

.linkAbierto{
	background:#17a2b8;
}
.itemAbierto{
	background: #17a2b8 !important;
}


.popoverPerfil{
	border-radius: 10px;
    background-color: rgba(0, 0, 0, .15) !important;
    transition: .5seg ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.animated {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
         -webkit-transform: translateY(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
        transform: translateX(25px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*#collapseTwo .panel-body{

	padding: 0px 5px 0px 5px;
}*/

/*#areaTrabajo .panel-body{
	padding: 0 10px;
	
}*/
.panel-title>a, .panel-title>a:active, .panel-title>a:hover{
	display:block;
 	padding: 10px 15px 2px;
  	font-size:13px;
  	letter-spacing:.5px;
  	word-spacing:3px;
}
table.registros thead>tr>th {
	border: 1px solid #dee2e6;
    background: rgba(138, 20, 49, 0.85) !important;
    color: white;
    }
    
table.registros tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}   
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
.detalle_dt {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTables_wrapper {
	
  padding: 2px 2px 15px 2px;
  font-size: 12px;
}
.dataTables_length {
  float: left;
}
.dataTables_filter label {
  margin-right: 5px;
}
.html5buttons {
  float: right;
}
.html5buttons a {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
  font-size: 12px;
}
.html5buttons a:hover,
.html5buttons a:focus:active {
  background-color: #eee;
  color: inherit;
  border-color: #d2d2d2;
}
#areaTrabajo .panel-title>a, #areaTrabajo .panel-title>a:active{
	/*padding-bottom: 8px;*/
    border-top: 3px solid #5555;
    text-transform: uppercase;
    color:#555;
  
}

#detalleItem{
	height: 100%;
}


.alert{
	padding: 7px;
    margin-bottom: 8px;
}
    
img.img-circle2 {
  width: 70px;
  height: 70px;
}


 div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

.img-circle {
  border-radius: 55%;
  
}



/* WIDGETS */
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget.style1 h2 {
  font-size: 30px;
}
.widget h2,
.widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.widget-text-box {
	font-size: 10px;
	height:40px;
  padding: 5px 5px 5px 10px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}
.widget-head-color-box {
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
	max-height: 150px;
}

.widget-head-color-box .titulo-aplicacion{
	    margin-bottom: 15px;
	    height: 20px;
}
.widget-head-color-box, .widget-text-box {
	cursor: pointer;
	opacity:0.8
}

.widget-head-color-box:hover, .widget-text-box:hover {
	opacity:1
}


img.circle-border {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
}
.branding {
  float: left;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 20px;
  text-align: center;
  background-color: #1ab394;
}
.login-panel {
  margin-top: 25%;
}
.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.icons-box .infont a i {
  font-size: 25px;
  display: block;
  color: #676a6c;
}
.icons-box .infont a {
  color: #a6a8a9;
}
.icons-box .infont a {
  padding: 10px;
  margin: 1px;
  display: block;
}
.ui-draggable .ibox-title {
  cursor: move;
}
.breadcrumb {
  background-color: #ffffff;
  padding: 0;
  margin-bottom: 0;
}
.breadcrumb > li a {
  color: inherit;
}
.breadcrumb > .active {
  color: inherit;
}
code {
  background-color: #F9F2F4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}
/*
table.table-mail tr td {
  padding: 12px;
}
.table-mail .check-mail {
  padding-left: 20px;
}
.table-mail .mail-date {
  padding-right: 20px;
}
.star-mail,
.check-mail {
  width: 40px;
}
.unread td a,
.unread td {
  font-weight: 600;
  color: inherit;
}
.read td a,
.read td {
  font-weight: normal;
  color: inherit;
}
.unread td {
  background-color: #f9f8f8;
}
.ibox-content {
  height:90%;
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}*/
/* BACKGROUNDS */
.gray-bg {
  background-color: #f3f3f4;
}
.white-bg {
  background-color: #ffffff;
}
.navy-bg {
  background-color: #1ab394;
  color: #ffffff;
}

.jtcolor-bg {
  background-color: #ffc09f;
  color: #ffffff;
}

.navy-bg-border {
	border: 1px solid #ffffff;

}

.titulacion-bg { 
background: linear-gradient(to bottom right, rgb(0, 148, 170), rgb(219, 219, 219));
  color: #ffffff;
}

.blue-bg {
  background-color: #1c84c6;
  color: #ffffff;
}

.blue-bg-border {
	 border: 1px solid #1c84c6;
 
}
.quipux-bg {
  background: linear-gradient(to bottom right, #cc0d12, white);
  color: #ffffff;
}

.quipux-bg-border {
	 border: 1px solid #ff8000;
 
}
.lazur-bg {
  background-color: #23c6c8;
  color: #ffffff;
}
.lazur-bg-border {
   border: 1px solid #23c6c8;
}

.yellow-bg-border {
 border: 1px solid #f8ac59;
}

.yellow-bg {
  background-color: #f8ac59;
  color: #ffffff;
}
.red-celeste {
  background-color: #74acff;
  color: #ffffff;
}

.red-bg {
  background-color: #ed5565;
  color: #ffffff;
}

.red-bg-border {
	border: 1px solid #ed5565;

}

.black-bg {
  background-color: #262626;
}



    
/*
#headingOne{
	  border-bottom:1px solid #e0dfdf;
}*/
	
.panel-heading  a:before {
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
   float: right;
   transition: all 0.5s;
}

.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 


.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 39px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 -6px -8px 0;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    opacity: 1;
    -ms-filter: alpha(Opacity=90);
    filter: alpha(opacity=90);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 300px;
    margin: auto
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
	background-color: #3079af;
    
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    /*background-color: #2f96b4;*/
      background-color: #3dab74;/* #369e6a#51a351 #41b57b*/
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .6;
    -ms-filter: alpha(Opacity=60);
    filter: alpha(opacity=60)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

#collapseTwo .card-body label,#collapseOne .card-body label{
	    font-weight: 600;
	    font-size: 12px;
	}


/*notificacion-aplicacion*/#tmp {
    position: absolute;
    opacity: 0;
    z-index: -1;
    bottom: -9999999px;
    right: -9999999px;
}

.ttw-notification-menu {
   margin: -4px auto;
    height: 28px;
    /*
     font-family:  Arial,Verdana,sans-serif;
    padding: 0;
    display: block;*/
    
}

.notification-menu-item {
    display: block;
    position: relative;
    float: left;
    /*border-right: 1px solid #d1d1d1;
    background: transparent url(../img/notificacion/item-bg.png) no-repeat left top scroll;*/
}

.first-item, .notification-menu-item:first-child {
    background: none;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.notification-menu-item:last-child {
	width: 100%;
    border-right: none;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

.notification-menu-item.last-item {
    border-right: none;
}

.notification-menu-item a {
    /*display: block;*/
    color: #666;
  /*  text-shadow: 0 1px 0 #fff;*/
  	letter-spacing: 0.8px;
    font-size: 12px;
    /*font-weight: bold;*/
    text-decoration: none;
    line-height: 28px;
    padding: 0 12px;
}

.notification-menu-item:hover a {
    /*color: #333;*/
    letter-spacing: 0px;
    font-weight: bold;
}

/**Notification Bubble **/
.notification-bubble {
    height: 18px;
    width: 18px;
    background: #f56c7e url(../img/notificacion/notification-bg-clear.png) no-repeat center center scroll;
    background-image: none\9;
    position: absolute;
   /* right: 5px;
    top: -10px;*/
    /*left: 80px;*/
    top: 4px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 9px;
    line-height: 18px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

.notification-bubble.show {
    display: block;
}

.notification-menu-item:hover .notification-bubble {
    top: -1px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
}

.notification-menu-item a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.notification-bubble {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

/** Notification List **/
.notification-list-wrapper {
	    margin-top: -40px;
    /*display: none;
    opacity: 0;
    width: 320px;*/
    font-size: 10px;
    font-family:  Arial,Verdana,sans-serif;
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
    padding: 0;
    /*border: 1px solid #d9d9d9;*/
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    /*position: absolute;*/
    position:relative;
    z-index: 1;

}


.notification-list-wrapper:before {
    display: block;
    content: '';
    width: 40px;
    height: 18px;
    background: transparent url(../img/notificacion/list-pointer.png) no-repeat center bottom scroll;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 0;
    margin-top: -18px;
    z-index: 2;
}

.notification-list-menu {
    list-style: none;
    clear: both;
    width: 100%;
    padding-bottom: 5px;
    /*float: left;*/
    padding: 0 0 0 12px;
    font-size: 10px;
}

.notification-list-menu-item {
    display: inline-block;
    float: left;
    color: #bbb;
    text-transform: lowercase;
    padding: 1px 0;
    margin: 0 6px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.notification-list-menu-item:hover {
    border-bottom: 1px solid #ccc;
    color: #777;
}

.close-notification-list {
    float: right;
    color: #ff8a87;
    text-transform: lowercase;
    padding: 1px 0;
    margin: 2px 2px 0 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: transparent url(../img/notificacion/close.png) no-repeat center center scroll;
    opacity: .3;
    text-indent: -999999999px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.close-notification-list:hover {
    color: #ff0000;
    opacity: .74;
}

.notification-list {
    list-style: none;
    padding: 0 12px;
    clear: both;
        margin-bottom: 2px;
}

.notification-list-item {
    color: #666;
    padding: 6px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}

.notification-list-item:first-child {
    border-top: none;
}

.notification-list-item:last-child {
    border-bottom: none;
}

.notification-list-item:hover {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.11))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b3ffffff', endColorstr = '#1cffffff', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* W3C */
}

.notification-list-item:hover + .notification-list-item {
    border-top: 1px solid transparent;
}

.notification-list-item .message {
    display: block;
    margin-right: 22px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.notification-list-item .close {
    color: #868686;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 12px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    text-align: center;
    display: none;
    z-index: 1;
    font-size: 1.7em;
        padding-left: 10px;
    
}

.notification-list[data-type=unread] .close {
    display: block;
}

.notification-list-item .close:after {
    position: relative;
    display: block;
    content: 'x';
    left: 0px;
    height: 14px;
    width: 14px;
    z-index: 0
}

.notification-list-item .close:hover {
    color: #888;
    text-shadow: 0 1px 0 #fff;
}

.notification-list-item.show-icon .icon {
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 6px;
}

.notification-list-item img {
    height: 16px;
    width: 16px;
}

.notification-list-item.show-icon .message {
    width: 160px;
    float: left;
}

.empty-list {
    text-align: center;
    font-style: italic;
}

/** Modal Notification **/
.ttw-modal-outer {
    font-family: Arial, sans-serif;
    padding: 24px 0;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}

.ttw-modal-outer .ui-dialog-titlebar {
    color: #444;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 24px 6px 24px;
}

.ttw-notification.modal {
    padding: 24px;
}

.ttw-notification.modal .icon {
    display: none;
}

.ttw-notification.modal.show-icon .icon {
    display: block;
    height: 43px;
    width: 43px;
    float: left;
    background-position: center top !important;

}

.ttw-notification.modal img {
    display: none;
}

.ttw-notification.modal .message {
    width: 302px;
    color: #777;
    float: left;
    font-family: arial, sans-serif;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.ttw-notification.modal.show-icon .message {
    width: 245px;
    margin-left: 12px;
    min-height: 40px;
}

.ttw-modal-outer .ui-dialog-buttonpane {
    height: 31px;
}

.ttw-modal-outer .ui-dialog-buttonset {
    display: inline-block;
    float: right;
    padding: 0 24px;
}

.ttw-modal-outer button {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 7px 18px;
    background: #aaa url(../img/notificacion/button-overlay.png) repeat-x left center scroll; /* Old browsers */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #999;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    outline: none;
    cursor: pointer;
}

.ttw-modal-outer button:hover {
    background-color: #999;
    border-color: #888;
}

.ttw-modal-outer button:first-child {
    border-color: #6eb8d6;
    background-color: #7ac7e6;
    text-shadow: 0 -1px 1px #5691a8;
}

.ttw-modal-outer button:first-child:hover {
    border-color: #5aa9c9;
    background-color: #65b9da;
}

.ttw-modal-outer .ui-icon-closethick {
    display: none;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(125, 126, 125); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 126, 125, 1)), color-stop(100%, rgba(14, 14, 14, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7d7e7d', endColorstr = '#0e0e0e', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* W3C */
    opacity: .2;
    filter: alpha(opacity = 20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/** Bar Notification **/

.ttw-bar-outer {
    font-family: Arial, sans-serif;
    position: relative;
    padding: 0;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    -moz-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    -webkit-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}

.ttw-bar-outer .ui-dialog-titlebar {
    display: none;
}

.ttw-notification.bar {
    padding: 6px 24px;
    min-height: 40px !important;
}

.ttw-notification.bar .icon {
    display: none;
}

.ttw-notification.bar.show-icon .icon {
    display: block;
    height: 36px;
    width: 36px;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.ttw-notification.bar img {
    display: block;
    height: 36px;
    width: 36px;
}

.ttw-notification.bar .message {
    color: #777;
    float: left;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 40px;
    top: 6px;
}

.ttw-notification.bar.show-icon .message {
    margin: 0px 0 0 48px;
    min-height: 40px;
}

.ttw-bar-outer.show-buttons .message {
    margin-bottom: 36px;
}

.ttw-bar-outer .ui-dialog-buttonpane {
    height: 31px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ttw-bar-outer .ui-dialog-buttonset {
    display: inline-block;
    float: left;
    padding: 0 24px;
}

.ttw-bar-outer button {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 3px 6px;
    background: #aaa url(../img/notificacion/button-overlay.png) repeat-x left center scroll; /* Old browsers */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #999;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    outline: none;
    cursor: pointer;
    margin-right: 6px;
}

.ttw-bar-outer button:last-child {
    margin-right: 0;
}

.ttw-bar-outer button:hover {
    background-color: #999;
    border-color: #888;
}

.ttw-bar-outer button:first-child {
    border-color: #6eb8d6;
    background-color: #7ac7e6;
    text-shadow: 0 -1px 1px #5691a8;
}

.ttw-bar-outer button:first-child:hover {
    border-color: #5aa9c9;
    background-color: #65b9da;
}

.ttw-bar-outer .close {
    position: absolute;
    right: 24px;
    top: 6px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: #666;
}

.ttw-bar-outer .close:after{
    font-family: Arial, sans-serif;
    color: #aaa;
    text-shadow: 0 1px 0 #fff;
    content: 'x';
    display: block;
    font-size: 11px;
    width: 6px;
    height: 14px;
}

/** Success Bar **/
.ttw-notification.bar.success {
    padding: 6px 32px;
    background: rgb(138, 211, 130); /*Old browsers*/
    background: -moz-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(138, 211, 130, 1)), color-stop(100%, rgba(106, 177, 101, 1))); /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*Opera11.10+*/
    background: -ms-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*IE10+*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8ad382', endColorstr = '#6ab165', GradientType = 0); /*IE6-9*/
    background: linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*W3C*/
    border: 1px solid #4b8048;
}

.ttw-notification.bar.warning {
    background: rgb(252, 226, 121); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 226, 121, 1)), color-stop(100%, rgba(253, 218, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fce279', endColorstr = '#fdda48', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* W3C */
    border: 1px solid #ca9c00;
}

.ttw-notification.bar.error {
    background: rgb(216, 119, 119); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(216, 119, 119, 1)), color-stop(100%, rgba(217, 87, 87, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d87777', endColorstr = '#d95757', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* W3C */
    border: 1px solid #b72224;
}

.ttw-notification.bar.notice {
    background: rgb(234, 247, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 247, 255, 1)), color-stop(100%, rgba(218, 237, 247, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaf7ff', endColorstr = '#daedf7', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* W3C */
    border: 1px solid #BFE2F2;
}

.ttw-bar-outer.success, .ttw-bar-outer.warning, .ttw-bar-outer.notice, .ttw-bar-outer.error {
    border: none;
}

.ttw-notification.bar.success img, .ttw-notification.bar.warning img, .ttw-notification.bar.error img, .ttw-notification.bar.notice img {
    display: none;
}

.ttw-notification.bar.success .message, .ttw-bar-outer.success .close:after, .ttw-notification.bar.error .message, .ttw-bar-outer.error .close:after {
    color: #fff;
    text-shadow: none;
}

.ttw-notification.bar.warning .message, .ttw-bar-outer.warning .close:after, .ttw-notification.bar.notice .message, .ttw-bar-outer.notice .close:after {
    color: #444;
    text-shadow: none;
}

.ttw-modal-outer.success button, .ttw-modal-outer.error button, .ttw-modal-outer.warning button, .ttw-modal-outer.notice button {
    background-color: #999;
    border-color: #888;
    text-shadow: none;
}

/** Growl Notifications - Light**/

.growl-wrapper {
    padding: 0 10px;
    width: 314px;
    position: absolute;
}

.ttw-notification.growl {
    display: none;
    opacity: 0;
    min-height: 44px;
    width: 294px;
    padding: 9px;
    margin: 10px 0;
    border: 1px solid #d1d1d1;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}


.ttw-notification.growl:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.ttw-notification.growl .icon {
    display: none;
}

.ttw-notification.growl.show-icon .icon {
    display: block;
    height: 43px;
    width: 43px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.ttw-notification.growl img {
    display: none;
}

.ttw-notification.growl .message {
    width: 293px;
    color: #444;
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.ttw-notification.growl.show-icon .message {
    width: 237px;
    margin-left: 12px;
}

.ttw-notification.growl .message a {
    color: #fff;
    text-decoration: none;
}

.ttw-notification.growl .message a:hover {
    text-decoration: underline;
}


.ttw-notification.bar:after,
.ttw-notification.modal:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}


.tooltip {
    width: 250px;
    font-size: 11px;
    font-family: Arial, sans-serif;
    background: #444;
    border: 1px solid #090909;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    color:#fff;
    padding:12px 24px;
    line-height:18px;
}

.tooltip:after {
    content: '';
    position: absolute;
    border-color: transparent  #444 transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    margin-left: -20px;
}

.tooltip:before {
    content: '';
    position: absolute;
    border-color:   transparent #090909 transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    margin-left: -20px;
}

.message .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	color: #888;
	}


/*sidebar */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 1020;
}

.sidebar-open .sidebar-overlay {
    display: block;
}

.main-sidebar,
.content-wrapper,
.main-footer,
.main-header {
    transition: margin-left 0.3s ease, width 0.3s ease;
}

.sidebar-collapse .main-sidebar {
    width: 80px !important;
}

.sidebar-collapse .content-wrapper,
.sidebar-collapse .main-footer,
.sidebar-collapse .main-header {
    margin-left: 80px !important;
}

body.sidebar-expanded-permanent .main-sidebar {
    width: 250px !important;
}

body.sidebar-expanded-permanent .content-wrapper,
body.sidebar-expanded-permanent .main-footer,
body.sidebar-expanded-permanent .main-header {
    margin-left: 250px !important;
}


/*}*/