body {
    background: none;
    padding-bottom: 0px;
    color: #2a2a2a;
	font-family: Montserrat, Verdana !important;
	/*ant font-size: 11px;*/
	font-size: 12px !important;
	margin: 0;
}

ul#menuAnillo {
    visibility: hidden;
}

.ui-icon-fish{
   background-image: url(img/fish.png) !important;
}

.ui-icon-closethick{
	width: 70px;
	height: 70px;
}

.rcorners {
    border-radius: 15px 50px 30px;
    background: #5882FA;
    padding: 20px; 
    width: 100%;
    height: 70px; 
    color: white;
    opacity: 0.75;
    font: 80px;
	font-weight: bold;
	font-size: 6em;   
}

.rcorners2 {
    border-radius: 15px 50px 30px;
    background: #0B9F48;
    padding: 20px; 
    width: 100%;
    height: 70px; 
    color: white;
    opacity: 0.75;
    font: 80px;
	font-weight: bold;
	font-size: 6em;   
}

.rcorners3 {
    border-radius: 15px 50px 30px;
    background: #BDBDBD;
    padding: 20px; 
    width: 100%;
    height: 70px; 
    color: white;
    opacity: 0.75;
    font: 80px;
	font-weight: bold;
	font-size: 6em;   
}

.rcornersSelect {
    border-radius: 15px 50px 30px;
    background: #CEECF5;
    padding: 20px; 
    width: 80%;
    height: 70px; 
    color: white;
    opacity: 0.75;
    font: 80px;
	font-weight: bold;
	font-size: 6em;   
}


#footer_container {
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	color: #777;
	padding: 7px 0;
	text-align: center;
	width: 100%;
	background-color: #d3d4d4;
	text-shadow: 1px 1px #FFFFFF;
	margin-top: 20px;
}

#header {
	margin: 0 auto;
	float: left;
	width: 100%;
    opacity: 0.85;
   /* background: #85b2cb;
    background: #85b2cb linear-gradient(top, rgba(0, 0, 0, 0.15),
 rgba(0, 0, 0, 0) );
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15) ), to(rgba(0, 0, 0, 0) ) );
    background: #85b2cb -moz-linear-gradient(top, rgba(0, 0, 0, 0.15),
 rgba(0, 0, 0, 0) );*/
 	background: #7d9aab;
    background: #7d9aab linear-gradient(top, rgba(0, 0, 0, 0.15),
 rgba(0, 0, 0, 0) );
    background: #7d9aab -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15) ), to(rgba(0, 0, 0, 0) ) );
    background: #7d9aab -moz-linear-gradient(top, rgba(0, 0, 0, 0.15),
 rgba(0, 0, 0, 0) ); 
    color: #ffffff;
    text-shadow: 1px 1px 1px #333333;
}


#content {
	padding: 5px;
	background: #FFFFFF;
}

div#migaPan {
    border-radius: 0px;
}

.contenidoDialog {
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: center;
}

.mensajeDialog {
    padding-bottom: 25px;
    padding-top: 25px;
}

.mensajeDialog i.fa.fa-check {
    color: #96c346;
    font-size: 20px;
}

.mensajeDialog i.fa.fa-exclamation {
    color: #d63434;
    font-size: 20px;
}

#title {
	padding: 0px 20px 0px 20px;
	background: #FFFFFF;
}

#container {
	background: #FFFFFF;
	min-height: 500px;
}

div.content_box {
	background-color: #FFFFFF;
	box-shadow: 0 5px 24px #888888;
	margin: 0;
	/*min-width: 1024px; MPORTERO*/
	text-align: justify;
	width: 100%;
}

.logo {
	float: left;
	padding: 20px;
	font: 30px;
	font-weight: bold;
	font-size: 2em;
}

.top {
	vertical-align: top;
}

.limpiar{
	clear:both;
}

.centro{
	text-align: center;
}

.tituloMenuApp{
	text-align: center;
	padding-top:40px;
}

div.desactivar button{
    pointer-events: none;
    opacity: 0.7;
}

div.desactivar .ui-fileupload{
    pointer-events: none;
    opacity: 0.7;
}

h1 {
	margin: 0px 0px 10px 0px;
	color: #7d9aab;
}

h2 {
	margin: 0px 0px 10px 0px;
	color: #7d9aab;
}

div.formulario h1 {
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	color: #7d9aab;
    border-bottom: 1px solid rgba(143, 143, 143, 0.27);
}


div.formulario h2 {
	margin: 0px 0px 10px 0px;
	color: #7d9aab;
    border-bottom: 1px solid rgba(143, 143, 143, 0.27);
}

.ui-toolbar .ui-separator {
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
}

.disconnect {
    position: absolute;
    right: 27px;
    top: 69px;
}

.logoCAIB {
	float: right;
	padding: 5px;
	text-align: right;
}

i.circuloRing {
    width: 100%;
    height: 70%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: rgba(196, 196, 196, 0.64);
    text-align: center;
    padding-top: 30%;
    /*padding-bottom: 30%;*/
    padding-bottom: 28%;
    font-size: 3.2em;
    -webkit-box-shadow: 10px 10px 32px 0px rgba(204,204,204,1);
    -moz-box-shadow: 10px 10px 32px 0px rgba(204,204,204,1);
    box-shadow: 10px 10px 32px 0px rgb(178, 178, 178);
    background: rgba(189,187,189,1);
	background: -moz-linear-gradient(top, rgba(189,187,189,1) 0%, rgba(230,230,230,0.81) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,187,189,1)), color-stop(100%, rgba(230,230,230,0.81)));
	background: -webkit-linear-gradient(top, rgba(189,187,189,1) 0%, rgba(230,230,230,0.81) 100%);
	background: -o-linear-gradient(top, rgba(189,187,189,1) 0%, rgba(230,230,230,0.81) 100%);
	background: -ms-linear-gradient(top, rgba(189,187,189,1) 0%, rgba(230,230,230,0.81) 100%);
	background: linear-gradient(to bottom, rgba(189,187,189,1) 0%, rgba(230,230,230,0.81) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbbbd', endColorstr='#e6e6e6', GradientType=0 );
}

ul.menuRing li {
    color: gray;
}

ul.menuRing {
    width: 60%;
}

.cerrarSesion a.button, span.button {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;
	border-color: #B2B2B2 #C2C2C2 #C2C2C2 #B2B2B2;
	border-style: solid;
	border-width: 1px;
	color: rgb(177, 177, 177);
	cursor: pointer;	
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	display: inline-block;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	text-align: center;
	padding: 4px;
	padding-left: 3px;
    padding-bottom: 2px;
}

.cerrarSesion a.button:hover {
	background: none repeat scroll 0 0 #eee9e9;
	color: #2a2a2a;
	border-color: #C2C2C2 #B2B2B2 #B2B2B2 #C2C2C2;
}

.cerrarSesion a.button:hover {
    color: #F17527;
}

.cerrarSesion a.button:active {
	background-color: #F5F5F5;
	border-color: #DDDDDD #DEDEDE #DEDEDE #DDDDDD;
	color: #666;
}

a.button img, span.button img {
	border: medium none !important;
	display: inline !important;
	height: 12px;
	margin: 0 5px -1px 0 !important;
	padding: 0 !important;
	width: 12px;
}

a {
    outline: medium none;
}

.espacio_iz{
	padding-left:5px;
}

div#menu {
    padding: 5px;
}

.texto_g{
	font-size:3em;
}

.texto_resproceso{
	font-size:1em;
	text-align: center;
	color:blue;
}

#wCargando{
	text-align: center;
	border-radius:100%;
}

div#wCargando .fa-spinner{
	margin-top: 5px;
    font-size: 50px;
}

.btnEliminar {
    width: 32px;
    background-color: #cccccc;
    height: 23px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnEliminar:hover {
    color: #F17527;
    background-color: #D8D8D8;
}

.btnNoResaltado {
    width: 32px;
    background-color: #cccccc;
    height: 23px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnNoResaltado:hover {
    color: #F17527;
    background-color: #D8D8D8;
}

.btnNoResaltadoGrande {
    width: 62px;
    background-color: #cccccc;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnNoResaltadoPeq {
    width: 19px;
    background-color: #cccccc;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnNoResaltadoGrande:hover {
    color: #F17527;
    background-color: #D8D8D8;
}

.btnNoResaltadoSuperGrande {
    width: 104px;
    background-color: #cccccc;
    height: 91px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 18px;
    padding-left: 15px;
    border-radius: 100%;
    font-size: 14px !important;
}


.btnNoResaltadoMegaGrande {
    width: 160px;
    background-color: #C8C8E7;
    height: 140px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 18px;
    padding-left: 15px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnNoResaltadoSuperGrande:hover {
    color: #F17527;
    background-color: #D8D8D8;
}

.btnResaltado {
    width: 32px;
    background-color: #ff0000;
    height: 23px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 100%;
    font-size: 14px !important;
}

.btnResaltado:hover {
    color: #F17527;
    background-color: #ff5555;
}

span.ui-icon.ui-confirm-dialog-severity.fa.fa-exclamation-circle {
    font-size: 20px;
    color: #d63434;
}

/**/
.ui-widget-header {
    border: 0px;
}
.ui-datatable .ui-widget-content {
    border: 1px solid #a8a8a8 !important;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(173,182,183,1) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(173,182,183,0.5) !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #cccccc;
    background: #cccccc;
    background: #cccccc linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background: #cccccc -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));
    background: #aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
    color: #ffffff;
    text-shadow: 1px 1px 1px #333333;
}

.ui-toolbar-group-left {
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}
/**/
.ui-widget{
	font-family: Montserrat, Verdana !important;
	/*ant font-size: 1.15em;*/
}

.ui-icon {
    overflow: visible !important;
}
.ui-widget .ui-icon.fa, .ui-icon.fa {
    padding-top: 1.5px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: 1px solid #A8A8A8 !important;
	background: #c2c2c2 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4))) !important;
	background: #c2c2c2 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4)) !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	background: rgba(196, 196, 196, 0.69) -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(196, 196, 196, 0,0))) !important;
	background: rgba(196, 196, 196, 0.69) -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0)) !important;
	box-shadow: 0px 0px 8px #b2b2b2 !important;
}

.ui-state-senalado{
	background: rgba(83, 137, 230, 0.69) -webkit-gradient(linear, left top, left bottom, from(rgba(83, 137, 230, 0.6)), to(rgba(83, 137, 230,0))) !important;
	background: rgba(196, 196, 196, 0.69) -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0)) !important;
	box-shadow: 0px 0px 8px #b2b2b2 !important;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	font-weight: normal !important;
	background: #FFFFFF !important;
}

li.ui-state-default.ui-corner-all.ui-ring-item {
    background: none;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
}

li.ui-state-default.ui-corner-all.ui-ring-item.ui-ring-item-focus i.fa {
    color: #F17527;
    padding-top: 25%;
}

/*li.ui-state-default.ui-corner-all.ui-ring-item.ui-ring-item-focus a {
    display: block !important;
}*/
li.ui-state-default.ui-corner-all.ui-ring-item.ui-ring-item-focus a {
    display: block !important;
    /*ant margin-top: 2px;*/
    margin-top: 3px;
    margin-bottom: -9px;
}

li.ui-state-default.ui-corner-all.ui-ring-item a {
    font-size: 0.8em;
    display: none;
}

.acceso {
    font-family: Montserrat, Verdana !important;
    font-size: 11px !important;
}

li.ui-breadcrumb-options div.ui-selectonemenu {
    /*ant margin-bottom: 2px;*/
}

div.wImpresion .ui-dialog-title::before{
	font-family: FontAwesome;
    font-size: 14px;
    content: "\f02f";
    padding-right: 5px;
}

div#menu .fa {
    color: #3C667C;
}

div#menu .ui-state-hover .fa {
    color: #ff6400;
}

.fa.fa-user {
    padding-right: 5px;
}

a#user_button .fa {
    /* ant padding-top: 1px;*/
    padding-top: 0px;
    padding-left: 1px;/*nuevo*/
}

.ui-breadcrumb {
    padding: 5px 5px 5px 5px !important;
}

.ui-fluid .ui-button{
	width:auto !important;
}

#user_button {
    margin-right: 20px;
    /*ant margin-top: -2px;*/
}

.cerrarSesion .fa-user {
    color: #96c346;
}
.cerrarSesion {
    float: left;
    color: gray;
    /*ant padding-top: 3px;*/
    padding-top: 2px;
}

.cerrarSesion a:hover {
    color: #ff6400;
}

.ui-breadcrumb ul li span {
    margin-top: 1px;
}

.ui-breadcrumb ul li a.ui-icon-home {
    /*ant margin-top: 3px;*/
    margin-top: 3px !important;
}

.ui-widget-header .ui-icon {
    margin-top: 4px;
}

.ui-toolbar-group-left .ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    top: -2px;
}

div#content .ui-icon {
    top: 0px !important;
    margin-top: 3px;
}

.ui-outputlabel-rfi::after {
    content: "\f071";
    font-family: FontAwesome;
    color: #F17527;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: transparent;
}

.ui-button-icon-left {
    color: #3C667C;
}

.ui-dialog .ui-dialog-content {
    padding-top: .8em;
    padding-bottom: 0px;
}

div.formulario .ui-widget-content {
    border: 0px;
    background-color: transparent;
}

div.formulario .ui-datagrid-column {
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

div.mascaraMayusculas .ui-inputfield{
	text-transform: uppercase; /* TODO MAYUSCULAS */
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid rgba(241, 117, 39, 0.69) !important;
    moz-box-shadow: 0px 0px 5px #F17527, inset 0 2px 2px #8f8f8f !important;
    webkit-box-shadow: 0px 0px 5px #F17527, inset 0 2px 2px #8f8f8f !important;
    box-shadow: 0px 0px 5px #F17527, inset 0 2px 2px #8f8f8f !important;
}

div.botonSubirFichero .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    background-color: #8096A2;
    border: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.botonSubirFichero {
    height: 30px;
}

.nomFichero::before {
    content: "\f15b";
    font-family: FontAwesome;
    color: #8196A2;
    padding-right: 3px;
}
.nomFichero {
    font-size: smaller;
}

div.botonSubirFichero .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top::after {
    content: "\f0ee";
    font-family: FontAwesome;
    font-size: 1.5em;
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    color: rgba(60, 102, 124, 0.98);
}

/*div.botonSubirFichero .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top::before {
    content: "Arrastra el fichero";
    font-size: xx-small;
    color: #40697F;
    padding-left: 4px;
    padding-right: 4px;
}*/

.ficheroCargando::after{
	
	content: "\f110";
    font-family: FontAwesome;
    font-size: 3em;
    padding-top: 4px;
    padding-right: 4px;
    color: rgba(60, 102, 124, 0.98);
	
}

div.formulario .ui-chkbox {
    padding-bottom: 4px;
}

div.formulario .ui-chkbox-icon {
    margin-top: 0px !important;
}

div.formulario .ui-radiobutton-icon {
    margin-top: 0px !important;
}

.formulario{
	border-radius: 0px 0px 20px 0px;
    -moz-border-radius: 0px 0px 20px 0px;
    -webkit-border-radius: 0px 0px 20px 0px;
    border-bottom: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    border-left: 1px solid #A8A8A8;
    /*background: rgba(196, 196, 196, 0.69) -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-bottom:10px;
    background: #EEEEEE;/* Old Browsers */
	background: -moz-linear-gradient(45deg, #EEEEEE 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #EEEEEE), color-stop(100%, rgba(245,245,245,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(45deg, #EEEEEE 0%, rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #EEEEEE 0%, rgba(245,245,245,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #EEEEEE 0%, rgba(245,245,245,1) 100%); /* IE 10+ */
	background: linear-gradient(45deg, #EEEEEE 0%, rgba(245,245,245,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f5f5f5', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: 5px 5px 5px 0px rgba(209,209,209,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(209,209,209,1);
	box-shadow: 5px 5px 5px 0px rgba(209,209,209,1);
}

.ui-selectmanycheckbox.ui-grid label {
    padding-top: 2px;
}

button:hover .ui-icon {
    color: #F17527;
}

.ui-toolbar {
    border-radius: 3px 3px 0px 0px !important;
    -moz-border-radius: 3px 3px 0px 0px !important;
    -webkit-border-radius: 3px 3px 0px 0px !important;
}

.ui-growl-image {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    background: none;
}

.ui-growl-image::before{
	content: "\f05a";
    font-family: FontAwesome !important;
    font-size: 3em;
    color: #d5dee3;
}

.ui-growl-item{
	background-color: #8196A2;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.ui-growl-image-error {
    background-image: none;
}

.ui-growl-image-error::before{
	content: "\f06a";
    font-family: FontAwesome !important;
    font-size: 3em;
    color: #F17527;
}

.ui-growl-icon-close{
	background-image: none;
}

.ui-growl-icon-close:hover{
	background-image: none;
}

.ui-state-highlight .ui-icon{
	background-image: none;
}

.ui-state-highlight .ui-sel{
	background-color: green;
}

.ui-state-hover .ui-menuitem-text{
	font-weight: normal;
}



a.ui-menuitem-link.ui-corner-all.ui-state-hover {
    border: 1px solid #D7D7D7;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em .1em .1em 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em .4em .4em .7em;
    position: relative;
    border: 0px;
}


div#migaPan .ui-selectonemenu .ui-selectonemenu-trigger{
	height: 95%;
}

/* DIALOGS */
.contenidoDialog .ui-toolbar-group-left .ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    top: 12px;
}


/* Filas de datatable */
.avisoRojo {
	color: red !important;
}
.avisoAzul {
	color: blue !important;
}
.avisoVerde {
	color: green !important;
}

.avisoNaranja {
	color: orange !important;
}

.avisoGris {
	color: gray !important;
}

.avisoAmarillo {
	color: yellow !important;
}

.avisoPurpura {
	color: purple !important;
}

.avisoNegro {
	color: black; !important;
}

.avisoMarron {
	color: maroon; !important;
}

.avisoBlanco {
	color: white; !important;
}

.avisoLima {
	color: lime; !important;
}

.avisoFucsia {
	color: fuchsia; !important;
}


@media screen and (min-width: 47.5em ) {
	
	/*ESTRUCTURA DE LA PÁGINA*/
	.contenido { 
		float: left;
		width:100%;
	}

	.columna-iz { 
		width: 20%;
    	float: left;
	}

	.columna-de { 
    	padding-left: 10px;
		width: 78%;
	    float: left;
	}   
	
}	


@media screen and (max-width: 990px){

	.columna-de{
		width: 75%;
	}
	
	.ui-menu {
	    width: 98%;
	}
	
	ul.menuRing {
	    width: 98%;
	}
}

@media screen and (max-width: 760px){

	.columna-de{
		width: 100%;
	}
	
	.ui-menu {
	    width: 98%;
	}
	
	ul.menuRing {
	    width: 98%;
	}
	
	.ui-toolbar .ui-button {
	    margin-bottom: 2px;
	    margin-top: 2px;
	}
	
	.bImprimirCSV_dlg{
		width: 250px;
    	height: 200px;
	}
	
	.ui-dialog {
	    width: 250px !important;
	}
		
}
	
	
.switch {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 102px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .16s;
  transition: .16s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 76px;
  width: 76px;
  left: 12px;
  bottom: 12px;
  background-color: white;
  -webkit-transition: .16s;
  transition: .16s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(80px);
  -ms-transform: translateX(80px);
  transform: translateX(80px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 50px;
}

.slider.round:before {
  border-radius: 50%;
}
