/*
 *  SliderNav - A Simple Content Slider with a Navigation Bar
 *  Copyright 2010 Monjurul Dolon, http://mdolon.com/
 *  Released under the MIT, BSD, and GPL Licenses.
 *  More information: http://devgrow.com/slidernav
 */
.list_slider {  min-height: 250px; display: block; position: relative; background: #fff; overflow: hidden; }
.list_slider ul { list-style: none; }
.slider-content { float: left; width: 100%; display: block; overflow: hidden; min-height: 250px; border-bottom: 1px solid #CCCCCC;}
.slider-content ul { float: left; width: 100%; display: block; position: relative; margin-bottom: 0px; margin-top: 0px;}
.slider-content ul li { float: left; width: 100%; }
.slider-content ul ul li a { padding: 5px 10px; display: block; border-bottom: 1px solid #f3f3f3; text-transform: capitalize; color:#555 !important;}
.slider-content ul ul li:last-child a{ border-bottom: 0px;}
.slider-content ul ul li a:hover { background: #f3f3f3; border-color: #d5d5d5; }
.slider-content .title { padding: 5px 0; text-indent: 10px; background: #bbb;  width: 98%; float: left; font-weight: bold; text-transform: uppercase; border-top:1px solid #aaa; border-bottom:1px solid #aaa;color: #555; text-shadow: 0 1px 0 #FFFFFF;}
.slider-content .selected .title { background: #666; color:white; text-shadow: 0 1px 0 #000; }
.list_slider .slider-nav { position: absolute; right: 0; top: 0; background: #D0D6DA; min-height: 250px; top:0px !important; width:40px; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.list_slider .slider-nav ul { padding: 5px 0; margin: 0px; }
.list_slider .slider-nav li a { padding: 3px 5px; line-height: 13px; text-align: center; color: #555; text-shadow: 0 1px 0 #FFFFFF; font-weight: bold; display: block; text-transform: uppercase; cursor: pointer; }
.list_slider #debug { position: absolute; bottom: 0; left: 0; padding: 5px; background: #000; color: #fff; }
.list_slider .arrow { font-size: 0px; line-height: 0%; width: 0px; border-bottom: 8px solid #fff; border-left: 5px solid #333; border-right: 5px solid #333; position: relative; top: 5px; display:none;}
.list_slider .down { border-bottom: none; border-top: 8px solid #fff; top: 15px; }
.list_slider .slide-up, .list_slider .slide-down { height: 20px; background: #D0D6DA; text-align: center; cursor: pointer; float: right; width: 100%; position: relative; display: none;}

.slide-up, .slide-down{
border-bottom:1px solid #aaa;
border-top:1px solid #aaa;
border-left:1px solid #fff;
border-right:1px solid #aaa;
}

.slide-up{
margin-top:-1px;
padding-bottom:1px}


.slide-down{	
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:-0px !important;
	right:1px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/uitotop/img/ui.totop.png") no-repeat left top;
	*background:url("https://sanpablo.edcl.com.ar/assets/get/js/uitotop/img/ui.totop2.png") no-repeat left top;
	z-index: 9999;
}

#toTopHover {
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/uitotop/img/ui.totop.png") no-repeat left -51px;
	*background:url("https://sanpablo.edcl.com.ar/assets/get/js/uitotop/img/ui.totop2.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/**** Isotope Filtering ****/.isotope-item {  z-index: 2;}.isotope-hidden.isotope-item {  pointer-events: none;  z-index: 1;}/**** Isotope CSS3 transitions ****/.isotope,.isotope .isotope-item {  -webkit-transition-duration: 0.8s;     -moz-transition-duration: 0.8s;          transition-duration: 0.8s;}.isotope {  -webkit-transition-property: height, width;     -moz-transition-property: height, width;          transition-property: height, width;}.isotope .isotope-item {  -webkit-transition-property: -webkit-transform, opacity;     -moz-transition-property:    -moz-transform, opacity;          transition-property:         transform, opacity;}/**** disabling Isotope CSS3 transitions ****/.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {  -webkit-transition-duration: 0s;     -moz-transition-duration: 0s;          transition-duration: 0s;}


/* file manager window */

.el-finder {
	width:100%; 
	min-width:400px;
	background-color:#fff;
/* 	font:12px trebuchet ms,lucida grande,verdana,sans-serif; */
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;

	border: 1px solid #ccc;
	margin: -1px;

}

.el-finder-undocked {
	position:absolute;
	min-width:400px;
	border:1px solid #ccc;
	padding:5px;
}

/* error messages */
.el-finder-err {
	padding: 15px;
	text-align:center;
	background: #fee; 
	color: #cc0509; 
	border: 2px #844 solid;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/* disabled */
.el-finder-disabled .el-finder-toolbar li,
.el-finder-disabled .el-finder-nav,
.el-finder-disabled .el-finder-cwd { 
	opacity:0.35; filter:Alpha(Opacity=35);
}

.el-finder .el-finder-droppable {
	background-color:#99ccff;
}
.el-finder .ui-selected {
	background-color:#ccc;
/*	background-color:#c5e4f9;*/
}

.el-finder input {
	margin:0;
	padding:0;
	outline:none;
	border:1px solid #ccc;
}

/************************************/
/*             toolbar              */
/************************************/         

.el-finder-toolbar ul {
	padding:5px 7px !important;
	margin:0 !important;
	list-style:none;
	min-height: 24px;
	border-bottom: 1px solid #999;

}

.el-finder-toolbar ul li {
	display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
	vertical-align: top;
	height:22px; 
	width:23px;
	margin:0 2px;
	padding:0;
	background:url('https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png') no-repeat; 
	border:1px solid #aaa;
	border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
}
.el-finder-toolbar ul li.delim { 
	border:none;
	width:3px;
	background-position: 1px -610px;
}

.el-finder-toolbar ul li.el-finder-tb-hover {
	border:1px solid #888;
	background-color:#ddd;
}

.el-finder-toolbar ul li.disabled { opacity:0.35; filter:Alpha(Opacity=35); }

.el-finder-toolbar ul li.back       { background-position: 3px -171px; }
.el-finder-toolbar ul li.reload     { background-position: 3px -192px; }
.el-finder-toolbar ul li.select     { background-position: 3px -214px; }
.el-finder-toolbar ul li.open       { background-position: 4px -235px; }
.el-finder-toolbar ul li.mkdir      { background-position: 4px -258px; }
.el-finder-toolbar ul li.mkfile     { background-position: 4px -280px; }
.el-finder-toolbar ul li.upload     { background-position: 3px -305px; }
.el-finder-toolbar ul li.rm         { background-position: 3px -330px; }
.el-finder-toolbar ul li.copy       { background-position: 3px -356px; }
.el-finder-toolbar ul li.paste      { background-position: 3px -381px; }
.el-finder-toolbar ul li.rename     { background-position: 3px -407px; }
.el-finder-toolbar ul li.edit       { background-position: 4px -435px; }
.el-finder-toolbar ul li.info       { background-position: 3px -462px; }
.el-finder-toolbar ul li.help       { background-position: 3px -487px; }
.el-finder-toolbar ul li.icons      { background-position: 3px -537px; }
.el-finder-toolbar ul li.list       { background-position: 3px -557px; }
.el-finder-toolbar ul li.uncompress { background-position: 3px -583px; }
.el-finder-toolbar ul li.resize     { background-position: 3px -656px; }
.el-finder-toolbar ul li.quicklook  { background-position: 3px -726px; }

.el-finder-dock-button {
	width:19px;
	height:19px;
	float:right;
	margin: 2px;
	border:1px solid #ccc;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	background:url('https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png') 2px -705px no-repeat; 
}

.ui-dialog .el-finder-dock-button {
	background-position:2px -681px;
}

.el-finder-dock-button-hover {
	background-color:#ccc;
	border:1px solid #fff;
}

/**********************************************************/
/*  workzone, container for navigation and current folder */
/**********************************************************/

.el-finder-workzone {
	background-color:#fff;
/* 	border-top:1px solid #ccc; */
	border-bottom:1px solid #ccc;
	position:relative;
}

.el-finder-spinner {
	position:absolute;
	top:37%;
	left:37%;
	width:250px;
	height:50px;
	background:transparent url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/spinner.gif") 50% 50% no-repeat;
	display:none;
}

/* error in workzone */
.el-finder-workzone p.el-finder-err {
	display:none;
	position:absolute;
	left:37%;
	top:20px;
}

/* navigation and current directory */
.el-finder-nav, .el-finder-cwd {
/* 	height:350px; */
	min-height: 150px;
	overflow:auto;
	padding:5px 10px 5px 5px;
}

/************************************/
/*             navigation           */
/************************************/

.el-finder-nav {
	float:left;
	width : 200px;
	background:#fff;
}

.el-finder-nav .ui-resizable-e {
	right:0;
}

/* folders tree */
.el-finder-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.el-finder-nav ul li {
	clear:both;
}

ul.el-finder-tree, ul.el-finder-places {
	margin-bottom:1em;
}

.el-finder-nav ul li ul {
	margin-left:12px;
	margin-bottom: 0;
}

.el-finder-nav ul div {
	width:12px;
	height:20px;
	float:left;
	margin-right:23px;
}

.el-finder-nav  a, .el-finder-nav  div.collapsed {
	background-image:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png");
	background-repeat:no-repeat;
}
.el-finder-nav  div.collapsed {
	background-position: -1px 7px;
}
.el-finder-nav div.expanded {
	background-position: -1px -9px;
}

.el-finder-nav a {
	display: block;
	white-space:nowrap;
	line-height:20px;
	color:#555 !important;
	cursor:default;
	text-decoration:none;
	outline:none;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	background-position: 15px -56px;
}

.el-finder-nav a.dropbox {
	background-position: 15px -80px; 
}
.el-finder-nav a.readonly {
	background-position: 15px -104px; 
}
.el-finder-nav a.noaccess {
	background-position: 15px -750px; 
}

.el-finder-nav a.selected {
/*	background-color:#ccc;*/
	background-color:#f1f1f1;
	background-position: 15px -128px;
}

.el-finder-nav a.el-finder-tree-root { 
	background-position: 15px -30px; 
	font-weight:bold;
}

.el-finder-nav a.el-finder-places-root {
	background-position: 15px -152px; 
	font-weight:bold;
}

.el-finder-nav ul.el-finder-tree .el-finder-droppable {
	background-position: 15px -237px; 
}


/***********************************/
/*     current working directory    */
/************************************/

.el-finder-cwd {
	border-left:0px solid #ccc;
	padding:0px;
}

/********** view: icons  ************/
.el-finder-cwd div {
	width: 81px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin:0 3px 3px 0;
	margin: 10px 0px 0px 10px;
	padding:1px 0;
	text-align:center;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	color:#000;
	background-color:transparent;
}


.el-finder-cwd p, 
.el-finder-ql p {
	width:48px;
	height:48px;
	margin:1px auto;
	padding:0;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	background: url('https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-big.png') -1px 1px no-repeat;
}

/* mimetypes */

.directory p { background-position:  0     -50px; }
.application p,.x-java p { background-position: -1px  -150px; }
.audio p { background-position: -1px -300px; }
.image p { background-position: -1px -250px;  }
.text p, .x-empty p { background-position: -1px  -200px; }
.video p  { background-position: -1px -350px; }
.vnd-adobe-photoshop p, .postscript p    { background-position: 0 -250px; }
/* texts */
.rtf p, .rtfd p { background-position: 0 -400px; }
.html p { background-position: 0 -550px; }
.css p { background-position: 0 -600px; }
.javascript p, .x-javascript p  { background-position: 0 -650px; }
.x-perl p { background-position: 0 -700px; }
.x-python p { background-position: 0 -750px; }
.x-ruby p { background-position: 0 -800px; }
.x-sh p, .x-shellscript p { background-position: 0 -850px; }
.x-c p, .x-java-source p { background-position: 0 -900px; }
.x-php p  { background-position: 0 -950px; }
.xml p           { background-position: 0 -1000px; }
/* applications */
.vnd-ms-office p, 
.msword p, 
.vnd-ms-word p, 
.vnd-oasis-opendocument-text p,
.ms-excel p,
.vnd-ms-excel p,
.vnd-oasis-opendocument-spreadsheet p,
.vnd-ms-powerpoint p,
.vnd-oasis-opendocument-presentation p { background-position: 0 -500px; }
.pdf p { background-position: 0 -450px; }
.x-shockwave-flash p { background-position: 0 -1250px; }
/* archives */
.zip p, .x-7z-compressed p { background-position: 0 -1050px; }
.x-gzip p, .x-tar p  { background-position: 0 -1100px; }
.x-bzip p, .x-bzip2 p { background-position: 0 -1150px; }
.x-rar p, .x-rar-compressed p { background-position: 0 -1200px; }


.el-finder-cwd div.el-finder-droppable p {
	background-position: 0 -98px;
}

.el-finder-cwd label {
	display:block;
	font-size:11px;
	line-height:13px;
	padding:0 1px;
	margin:0;
	height:25px;
	overflow:hidden;
	cursor:default;
}

.el-finder-cwd div input { 
	background:#fff; 
	color:#000;
	width:81px;
	margin-left:-2px; 
	outline:none; 
	border:1px solid #ccc;
	text-align:center;
}

.el-finder-cwd div em {
	float:left;
	margin-top:-40px;
	margin-left:9px;
	width:15px;
	height:16px;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-big.png") -17px -1310px no-repeat;
}

.el-finder-cwd div em.dropbox {
	float:right;
	margin-right:9px;
	background-position: 0 -1308px;
}
.el-finder-cwd div em.noread {
	float:right;
	margin-right:9px;
	background-position: 0 -1310px;
}
.el-finder-cwd div em.readonly {
	float:right;
	margin-right:9px;
	background-position: -34px -1306px;
}

.el-finder-cwd div em.noaccess {
	float:right;
	margin-right:9px;
	background-position: 0 -1430px;
}

/********** view: list  ************/

.el-finder-cwd table {
	width:100%;
	border-collapse: collapse;	
	border-spacing: 0;
	border-bottom:0px solid #ccc;
	margin:0;
}

.el-finder-cwd table tr {
	background:transparent;
}

.el-finder-cwd table tr.el-finder-row-odd {
	background-color:#f7f7f7;
}

.el-finder-cwd table tr.ui-selected {
	background-color:#ddd;
}

.el-finder-cwd table th,
.el-finder-cwd table td {
	padding:3px 5px;
	/* border-left:1px solid #ccc; */
	cursor:default;
	white-space:nowrap;
	color:#000;
	
}

.el-finder-cwd table th {
	text-align:left;
	background:#fcfcfc;
	font-size:.86em;
}

.el-finder-cwd table td.icon {
	width:24px;
}

.el-finder-cwd table  p {
	width:24px;
	height:16px;
	margin:0;
	padding:0;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-small.png") 4px 0 no-repeat;
}

.el-finder-cwd table .size {
	text-align:right;
}

tr.directory   p { background-position:4px  -16px; }
tr.text        p { background-position:5px  -34px; }
tr.image       p { background-position:4px  -51px; }
tr.audio       p { background-position:4px  -70px; }
tr.video       p { background-position:5px  -89px; }
tr.application p { background-position:4px -108px; }
/* text */
tr.html          p  { background-position:5px  -188px; }
tr.javascript    p,
tr.x-javascript  p,
tr.css   		 p,
tr.x-sql   		 p,
tr.xml   		 p,
tr.x-python   	 p,
tr.x-java-source p,
tr.x-perl        p,
tr.x-ruby        p  { background-position:5px  -228px; }
tr.x-php         p  { background-position:5px  -247px; }
tr.x-c           p  { background-position:5px  -208px; }
tr.x-shellscript p, 
tr.x-sh          p  { background-position:5px  -168px; }
tr.rtf p, tr.rtfd p { background-position:5px  -148px; }
/* application */
tr.x-shockwave-flash p { background-position:4px  -266px; }
tr.pdf               p { background-position:4px  -285px; }
tr.vnd-ms-office     p { background-position:4px  -325px; }
tr.msword p,
tr.vnd-oasis-opendocument-text  p,
tr.vnd-ms-word p { background-position:4px -346px; }
tr.vnd-ms-excel p,
tr.ms-excel p,
tr.vnd-oasis-opendocument-spreadsheet { background-position:4px -365px; }
tr.vnd-ms-powerpoint p,
tr.vnd-oasis-opendocument-presentation { background-position:4px -385px; }
/* archives */
tr.x-tar   p,
tr.x-gzip  p,
tr.x-bzip  p,
tr.x-bzip2 p,
tr.zip     p,
tr.x-rar   p,
tr.x-rar-compressed p,
tr.x-7z-compressed  p { background-position:4px -305px; }

tr.el-finder-droppable td.icon  p { background-position:5px -450px; }

.el-finder-cwd table td p em {
	float:left;
	width:10px;
	height:12px;
	margin-top:5px;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-small.png") 0px -405px no-repeat;
}

.el-finder-cwd table p em.readonly { background-position:0px -433px; }
.el-finder-cwd table p em.dropbox  { background-position:0px -418px; }
.el-finder-cwd table p em.noread, 
.el-finder-cwd table p em.noaccess { background-position:0px -470px; }

/************************************/
/*              statusbar           */
/************************************/

.el-finder-statusbar {
	height:35px;
	border: 1px solid #fff;
}

.el-finder-stat,
.el-finder-path,
.el-finder-sel {
	padding:0px 10px;
	font-size:12px;
	color:#555;
	line-height: 35px;
}
/* current directory path */
.el-finder-path {
	float:left;
}
/* number folders/files in current directory and size */
.el-finder-stat {
	float:right;
}
/* info about selected files */
.el-finder-sel {
	text-align:center;
}

/************************************/
/*           dialog window          */
/************************************/
.el-finder-dialog {
	font-size:.84em;
}
.el-finder-dialog form p, .el-finder-dialog .ui-tabs p {
	margin:.5em;
}
.el-finder-dialog .ui-dialog-titlebar { 
	padding: .2em .1em .1em .8em; 
}
.el-finder-dialog .ui-dialog-buttonpane {
	padding: .1em 1em .1em .4em; 
	font-size:.9em;
}
.el-finder-dialog .ui-dialog-content {
	padding:5px;
}

.el-finder-dialog hr {
	border:0;
	border-bottom: 1px #ccc solid;
	clear:both
}
.el-finder-dialog ul {
	margin-top:0;
}

.el-finder-dialog kbd { font-size:1.2em;}
.el-finder-dialog a { outline: none;}

.el-finder-dialog textarea { 
	width:98.9%;
	height:400px;
	outline:none;
	border:1px solid #ccc;
	font-family: "Monaco", "Andale Mono", "Lucida Console", monospace;
}

.el-finder-dialog .ui-state-error {
	margin: 5px 0; 
	padding:.5em;
	clear:both;
}

.el-finder-dialog .ui-state-error .ui-icon {
	float: left; 
	margin-right: .3em;
}

.el-finder-add-field {
	cursor:pointer;
}

.el-finder-add-field span {
	float:left;
	margin-right:.7em;
}

.el-finder-dialog table {
	width : 100%;
}

.el-finder-dialog table td {
	padding:2px 5px;

}

.el-finder-dialog .ui-tabs { 
	font-size:.98em;
}

.el-finder-dialog .ui-tabs div {
	padding:0 .5em;
}
.el-finder-dialog .ui-tabs-nav li a {
	padding:.2em 1em;
}

/************************************/
/*            contextmenu           */
/************************************/

.el-finder-contextmenu { 
	position:absolute;
	width:200px;
	background:#fff; 
	color:#000;
	cursor:default; 
	border:1px solid #ccc;  
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	padding:5px 0;
	
}

.el-finder-contextmenu div { 
	position:relative;
	display:block;
	margin:0;
	padding:4px 29px 4px 29px;
	white-space:nowrap;
	font:12px trebuchet ms,lucida grande,verdana,sans-serif;
	background:url('https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png') 0 0 no-repeat;
}

.el-finder-contextmenu  span {
	float:right;
	width:9px;
	height:18px;
	margin-right:-27px;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png") -4px 5px no-repeat;
}

.el-finder-contextmenu  div.el-finder-contextmenu-sub {
	position:absolute;
	top:0;
	display:none;
	margin:0;
	padding:5px 0;
	background:#fff; 
	border:1px solid #ccc;  
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}


.el-finder-contextmenu div.reload     { background-position: 5px -192px; }
.el-finder-contextmenu div.select     { background-position: 5px -214px; }
.el-finder-contextmenu div.open       { background-position: 6px -235px; }
.el-finder-contextmenu div.mkdir      { background-position: 6px -258px; }
.el-finder-contextmenu div.mkfile     { background-position: 6px -280px; }
.el-finder-contextmenu div.upload     { background-position: 5px -305px; }
.el-finder-contextmenu div.rm         { background-position: 5px -330px; }
.el-finder-contextmenu div.copy       { background-position: 5px -356px; }
.el-finder-contextmenu div.cut        { background-position: 5px -631px; }
.el-finder-contextmenu div.duplicate  { background-position: 5px -356px; }
.el-finder-contextmenu div.paste      { background-position: 5px -381px; }
.el-finder-contextmenu div.rename     { background-position: 5px -407px; }
.el-finder-contextmenu div.edit       { background-position: 6px -435px; }
.el-finder-contextmenu div.info       { background-position: 5px -462px; }
.el-finder-contextmenu div.help       { background-position: 5px -487px; }
.el-finder-contextmenu div.icons      { background-position: 5px -537px; }
.el-finder-contextmenu div.list       { background-position: 5px -557px; }
.el-finder-contextmenu div.archive    { background-position: 5px -583px; }
.el-finder-contextmenu div.extract    { background-position: 5px -583px; }
.el-finder-contextmenu div.resize     { background-position: 5px -655px; }
.el-finder-contextmenu div.quicklook  { background-position: 5px -727px; }

.el-finder-contextmenu div.delim { 
	margin:0; 
	padding:0; 
	height:1px; 
	border-top:1px solid #eee; 
	background:transparent; 
	display:block;
}
.el-finder-contextmenu div.hover { background-color:#99ccff; }

.el-finder-places {
	margin-top:.5em;
}


.el-finder-drag-helper {
	padding:0;
	cursor:move;
	zoom:1;
}

.el-finder-drag-helper div {
	border:0 solid;
	margin-left:-57px;
	
}

.el-finder-drag-copy {
	background:url('https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/toolbar.png') 0 -771px no-repeat;
}

.el-finder-drag-helper label { 
	border:1px solid #ccc; 
	background-color:#eee;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}


/************************************/
/*             QuickLook            */
/************************************/

.el-finder-ql {
	position:absolute;
	width:420px;
	height:auto;
	padding:12px 9px;
	text-align:center;
	border-radius:9px; 
	-moz-border-radius:9px; 
	-webkit-border-radius:9px;
	background:url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/ql.png");
	overflow: inherit !important;
}

.el-finder-ql.directory p { background-position:  0     -50px; }

/* toolbar */
.el-finder-ql div.el-finder-ql-drag-handle {
	height:18px;
	font-size:14px;
	background-color:#777;
	margin:-12px -9px 12px -9px;
	padding:3px 0 0 19px;
	opacity:.8;
	text-align:center;
	white-space: nowrap;
	overflow:hidden;
	-moz-border-radius-topleft:9px; 
	-moz-border-radius-topright:9px; 
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px; 
	border-top-left-radius: 9px; 
	border-top-right-radius: 9px;
}
/* close button */
.el-finder-ql div.el-finder-ql-drag-handle span {
	float:left;
	margin:0 19px 0 -15px;
}
/* title in tolbar */
.el-finder-ql div.el-finder-ql-drag-handle strong {
	line-height:18px;
	margin-left:-17px;
	color:#fff;
}

.el-finder-ql div.el-finder-ql-media {
	width:100%;
	padding:0;
}

.el-finder-ql div.el-finder-ql-content {
	width:100%;
	font:.82em/1.3em trebuchet ms,lucida grande,verdana,sans-serif;
	padding:5px 0;
	overflow:hidden;
}

.el-finder-ql div.el-finder-ql-content span,
.el-finder-ql div.el-finder-ql-content a {
	display:block;
	color: #fff;
}

/* text files preview */
.el-finder-ql iframe {
	background:#fff;
	width:100%;
	height:315px;
	padding:0;
	margin:0;
	border:none;
	outline:none;
}


/* images preview */
.el-finder-ql img {
	margin:0 auto;
	border:1px solid #fff;
}

/* button help */
.el-finder-help-std {
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-big.png") 0 -1380px no-repeat;
	width:48px;
	height:48px;
	float:right;
}

.el-finder-logo {
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/elfinder/images/icons-big.png") 0 -1329px no-repeat;
	width:48px;
	height:48px;
	float:left;
}

.el-finder-ql .ui-resizable-e, .el-finder-ql .ui-resizable-s { background:transparent !important;}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/*
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/uniform/images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */
/*

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('https://sanpablo.edcl.com.ar/assets/get/js/uniform/images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('https://sanpablo.edcl.com.ar/assets/get/js/uniform/images/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('https://sanpablo.edcl.com.ar/assets/get/js/uniform/images/bg-input-focus.png') repeat-x 0px 0px;
}
*/

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  font-size: 12px;
}

div.selector select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;    
  margin-left: 0px;
  margin-top: 2px;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
  margin-left:0px;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

/*

Uniform Theme: Aristo
Version: 1.0
By: 280North / Ported by Josh Pyles
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
  background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/uniform/images/sprite-aristo.png");
  background-repeat: no-repeat;
}

.selector, 
.radio, 
.checker, 
.uploader, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
	margin: 0;
	padding: 0;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -160px;
  line-height: 32px;
	height: 32px;
}

div.selector span {
  background-position: right 0px;
  height: 32px;
	line-height: 32px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}

div.selector:active, 
div.selector.active {
	background-position: -483px -192px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -32px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -224px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -64px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -256px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -96px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -483px -288px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -128px;
}

/* Checkbox */

div.checker {
  width: 23px;
  height: 23px;
}

div.checker input {
  width: 23px;
  height: 23px;
}

div.checker span {
  background-position: 0px -320px;
  height: 23px;
  width: 23px;
}

div.checker:active span, 
div.checker.active span {
	background-position: -23px -320px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -46px -320px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -69px -320px;
}

div.checker span.checked {
	background-position: -92px -320px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -115px -320px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -138px -320px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -161px -320px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -184px -320px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -207px -320px;
}

/* radio */

div.radio {
  width: 23px;
  height: 23px;
}

div.radio input {
  width: 23px;
  height: 23px;
}

div.radio span {
  height: 23px;
  width: 23px;
  background-position: 0px -343px;
}

div.radio:active span, 
div.radio.active span {
	background-position: -23px -343px;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -46px -343px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -69px -343px;
}

div.radio span.checked {
	background-position: -92px -343px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -115px -343px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -138px -343px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -161px -343px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -184px -343px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -207px -343px;
}

/* uploader */

div.uploader {
  background-position: 0px -366px;
  height: 30px;
  margin: -4px 0 -2px -4px !important
}

div.uploader span.action {
  background-position: right -494px;
  height: 24px;
  line-height: 25px;
  font-size: 12px;
  cursor: pointer;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 4px 0px 4px 4px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -430px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -526px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -558px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -590px;
}

div.uploader.disabled {
  background-position: 0px -398px;
}

 div.uploader.disabled span.action {
  background-position: right -462px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 0px;
  width: 190px;
  font-weight: normal;
  color: #464545;
  font-size: 12px;
  
  width: auto;
}

div.selector select {
	width: 190px;
	font-family: sans-serif;
	font-size: 12px;
	border: solid 1px #fff;
	
	width: auto;
	padding: 0 12px 0 0;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
  
  width: auto;
  padding-right: 30px
}

div.selector.disabled span {
	color: #bbb;
}

/* checker */
div.checker {
  margin-right: 3px;
}

/* radio */
div.radio {
  margin-right: 3px;
}

/* uploader */
div.uploader {
  width: 210px;
  margin-bottom: 0px;
  cursor: pointer;
}

div.uploader span.action {
  width: 83px;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  background-color: #fff;
  font-weight: bold;
  color: #333;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #567c91;
  font-size: 90%;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

 div.uploader.disabled span.action {
  color: #aaa;
}

 div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

/* Select */

 div.selector {
	position: relative;
	padding-left: 10px;
	margin-left: -4px;
}

 div.selector span {
	display: block;
	float: left;
}

 div.selector select {
	position: absolute;
	opacity: 0;
	top:5px;
	left: 5px;
}

/* checker */

 div.checker {
	position: relative;
	float: left;
}

 div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
}

/* radio */

div.radio {
	position: relative;
	float: left;
}

div.radio span {
	display: block;
	float: left;
	text-align: center;
}

 div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
}

/* uploader */

div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 4px 10px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
}

 div.uploader {
	background-position: 0px -366px;
	height: 32px;
 }
 
 div.uploader span.action {
	background-position: right -494px;
	height: 24px;
	line-height: 24px;
 }
 
 div.selector {
	margin: auto;
	margin-bottom: 20px;
	width: auto;
	font-weight: bold;
	color: #464545;
	font-size: 14px;
 }
 
 div.selector select {
	width: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: solid 1px #fff;
 }
 
 div.selector span {
	color: #666;
	width: auto;
	text-shadow: 0 1px 0 #fff;
 }
 
 
 div.checker {
	margin-right: 10px;
 }
 

 div.radio {
	margin-right: 10px;
 }
 

 div.uploader {
	width: 190px;
	margin-bottom: 20px;
	cursor: pointer;
 }
 
 div.uploader span.action {
	color: #1c4257;
 }

 div.selector {
	margin-left: auto;
 }
 
 div.selector select {
	position: absolute;
	opacity: 0;
	top:0;
	left: 0;
 }
 

 div.uploader span.action {
	float: left;
	display: inline;
	padding: 4px 0px;
	overflow: hidden;
	cursor: pointer;
 }


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family:sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 12px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:sans-serif; font-size: 12px; }
.ui-widget-content { border: 1px solid #B6B6B6; background: #ffffff; color: #4F4F4F; }
.ui-widget-content a { color: #4F4F4F; }
.ui-widget-header { border: 1px solid #B6B6B6; color: #4F4F4F; font-weight: bold; }
.ui-widget-header {
	background-color: #E6ECEF;}
.ui-widget-header a { color: #4F4F4F; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B6B6B6; font-weight: normal; color: #4F4F4F; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	background-color: #E6ECEF;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4F4F4F; text-decoration: none; }
.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 { border: 1px solid #9D9D9D; font-weight: normal; color: #313131; }
.ui-state-hover a, .ui-state-hover a:hover { color: #313131; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	outline: none;
	color: #1c4257; border: 1px solid #7096ab;
	background-color: #E6ECEF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #313131; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #e2d0d0; background: #fcf0f0; color: #280b0b; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_222222_256x240.png"); color: #fff; }

button > .ui-icon{background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_ffffff_256x240.png") !important; color: #222;}
button.light > .ui-icon{background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_222222_256x240.png") !important; color: #222;}

.ui-widget-content .ui-icon {background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_454545_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/ui-icons_454545_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/icon_sprite.png") -16px 0 no-repeat !important; }
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon { margin-top: -1px; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/icon_sprite.png") 0 0 no-repeat !important; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }





/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #262b33; opacity: .70;filter:Alpha(Opacity=70); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-accordion .ui-accordion-li-fix { display: inline; display:block; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 7px; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 24px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 5px; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 12px 24px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*
 * jQuery UI Autocomplete 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
	position: absolute; cursor: default; z-index: 3;
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;
		border-radius: 0;
			-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:2px 4px;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	background: #9fadb8;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #234386;
	border-color: #466086;
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;
		border-radius: 0;
}
/*
 * jQuery UI Button 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .12px; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 24px; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 24px; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 34px; } 
button.ui-button-icons-only { width: 37px; } 

/* button animation properties */
.ui-button {
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    -moz-transition: -moz-box-shadow 0.25s ease-in-out;
    -o-transition: -o-box-shadow 0.25s ease-in-out;
}

/*states*/
.ui-button.ui-state-hover { 
/*
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; 
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
*/
}
 .ui-button.ui-state-focus DISABLE {
	outline: none;
	color: #1c4257;
	border-color: #7096ab;
	background-color: #E6ECEF;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; 
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}
 
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
.ui-state-active.ui-button .ui-button-text{ text-shadow: 0 1px 0 #000;}
.ui-button-text-only .ui-button-text { padding: 5px 10px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 4px; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 4px 12px 4px 2.12px; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 4px 2.12px 4px 12px; }
.ui-button-text-icons .ui-button-text { padding-left: 2.12px; padding-right: 2.12px; }
/* no icon support for input elements, provide padding by default */
input.ui-button { font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); padding: 0 12px !important; height: 33px; }
/*remove submit button internal padding in Firefox*/ 
input.ui-button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
/* fix webkits handling of the box model */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input.ui-button {
		height: 31px !important;
	}
}


/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 5px; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 5px; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 5px; }

/*button sets*/
.ui-buttonset { margin-right: 7px; letter-spacing: -4px;}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -1px; letter-spacing: normal;}
.ui-buttonset .ui-button.ui-state-active { color: #1c4257; border-color: #7096ab;}
.ui-buttonset .ui-button.ui-state-active {
	background-color: #E6ECEF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
 
.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; border: 1px solid #333; border: 0;}
.ui-dialog {
	-webkit-box-shadow: 0 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.ui-dialog .ui-dialog-titlebar { padding: 10px 10px 5px; position: relative; border: none; border-bottom: 1px solid #979797; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  }
.ui-dialog .ui-dialog-title { float: left; margin: 2px 16px 3px 0; font-size: 14px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .8em; top: 55%; width: 16px; margin: -10px 0 0 0; padding: 0; height: 16px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/icon_sprite.png") 0 -16px no-repeat; }
.ui-dialog .ui-dialog-titlebar-close:hover span { background-position: -16px -16px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; border: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0 0px; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }/*
 * jQuery UI Slider 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; background: #d7d7d7; z-index: 1; }
.ui-slider { -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.5) inset; box-shadow: 0 0px 0px rgba(0,0,0,0.5) inset; }
.ui-slider .ui-slider-handle { background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/slider_handles.png") 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.ui-slider  .ui-state-hover, .ui-slider  .ui-state-active { background-position: 0 0; }
.ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: 7px; display: block; border: 0; background-position: 0 0; }
.ui-slider .ui-slider-range { -moz-box-shadow: 0 1px 0px rgba(17, 35, 45, 0.2) inset; -webkit-box-shadow: 0 1px 0px rgba(17, 35, 45, 0.2) inset; box-shadow: 0 1px 0px rgba(17, 35, 45, 0.2) inset; }


.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -13px; cursor: move;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: 5px; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -8px; margin-left: 0; margin-bottom: -13px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }



/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; border: 0; background: transparent; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; /* background: transparent; */ border-width: 0 0 1px 0; }
.ui-tabs .ui-tabs-nav { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 2px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: 5px 12px; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; /* background: #fff; border-color: #B6B6B6; */ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; outline: none; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 12px 14px; background: none; }
.ui-tabs .ui-tabs-panel { background: #FFF;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: 0; display: none; border-color: #DDDDDD; }
.ui-datepicker {
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
.ui-datepicker{margin: 10px 0;}
.ui-datepicker.ui-datepicker-inline{
	margin: 0px 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	}

.ui-datepicker .ui-datepicker-header { position:relative; padding:5px 0; border: none; border-bottom: 1px solid #B6B6B6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 20px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; }
.ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/icon_sprite.png") no-repeat; cursor: pointer;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-calendar .ui-state-default { background: transparent; border-color: #FFF; }
.ui-datepicker-calendar .ui-state-active { background: #9fadb8; border-color: #9fadb8; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*

/ * jQuery UI Progressbar 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height: 12px; text-align: left; background: #FFF url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/progress_bar.gif") 0 -14px repeat-x; background: none; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: url("https://sanpablo.edcl.com.ar/assets/get/js/themeroller/images/progress_bar.gif") 0 0 repeat-x; }

/* Extra Input Field Styling */
.ui-form textarea, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) {
	padding: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cecece;
	outline: none;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset, 0 1px 0 rgba(255,255,255,0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25 ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.ui-form textarea:hover, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):hover {
	border: 1px solid #bdbdbd;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.2);
}
.ui-form textarea:focus, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus {
	border: 1px solid #95bdd4;
	-webkit-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 2px 3px rgba(161,202,226,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
}

/* Dropdown control */
.selectBox-dropdown {
	width: 210px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 1.5;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
	
	width:auto;
	letter-spacing: normal;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: 5px 5px 0 10px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/selectbox/jquery.selectBox-arrow.gif") 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 100%;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	color:#555 !important;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #ddd;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_background.png");
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_overlay.png");
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_select.gif");
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_indic.gif") left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_hex.png") top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_rgb_r.png");
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_rgb_g.png");
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_rgb_b.png");
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_hsb_h.png");
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_hsb_s.png");
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_hsb_b.png");
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/colorpicker_submit.png") top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.colorpicker {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_background.png");
	position: absolute;
	bottom: 0;
	left: 0;
}

.colorpicker .colorpicker_hue div {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_indic.gif");
}
.colorpicker .colorpicker_hex {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_hex.png");
}
.colorpicker .colorpicker_rgb_r {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_rgb_r.png");
}
.colorpicker .colorpicker_rgb_g {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_rgb_g.png");
}
.colorpicker .colorpicker_rgb_b {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_rgb_b.png");
}
.colorpicker .colorpicker_hsb_s {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_hsb_s.png");
}
.colorpicker .colorpicker_hsb_h {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_hsb_h.png");
}
.colorpicker .colorpicker_hsb_b {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_hsb_b.png");
}
.colorpicker .colorpicker_submit {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/js/colorpicker/images/custom_submit.png");
}


.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(jquery.ui.stars.gif) no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	
	letter-spacing: -4px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	margin-left: 0.99%;
	margin-right: 0.99%;
	position: relative;
	
/*
	display: block;
	float: left;
*/
	
	display: inline-block;
	float: none;
	vertical-align: top;
	letter-spacing: 0;

}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 6.333%;
}

.container_12 .grid_2
{
	width: 14.666%;
}

.container_12 .grid_4
{
	width: 31.333%;
}

.container_12 .grid_5
{
	width: 39.666%;
}

.container_12 .grid_7
{
	width: 56.333%;
}

.container_12 .grid_8
{
	width: 64.666%;
}

.container_12 .grid_10
{
	width: 81.333%;
}

.container_12 .grid_11
{
	width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 4.25%;
}

.container_16 .grid_2
{
	width: 10.5%;
}

.container_16 .grid_3
{
	width: 16.75%;
}

.container_16 .grid_5
{
	width: 29.25%;
}

.container_16 .grid_6
{
	width: 35.5%;
}

.container_16 .grid_7
{
	width: 41.75%;
}

.container_16 .grid_9
{
	width: 54.25%;
}

.container_16 .grid_10
{
	width: 60.5%;
}

.container_16 .grid_11
{
	width: 66.75%;
}

.container_16 .grid_13
{
	width: 79.25%;
}

.container_16 .grid_14
{
	width: 85.5%;
}

.container_16 .grid_15
{
	width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 8.333%;
}

.container_12 .prefix_2
{
	padding-left: 16.666%;
}

.container_12 .prefix_4
{
	padding-left: 33.333%;
}

.container_12 .prefix_5
{
	padding-left: 41.666%;
}

.container_12 .prefix_7
{
	padding-left: 58.333%;
}

.container_12 .prefix_8
{
	padding-left: 66.666%;
}

.container_12 .prefix_10
{
	padding-left: 83.333%;
}

.container_12 .prefix_11
{
	padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 8.333%;
}

.container_12 .suffix_2
{
	padding-right: 16.666%;
}

.container_12 .suffix_4
{
	padding-right: 33.333%;
}

.container_12 .suffix_5
{
	padding-right: 41.666%;
}

.container_12 .suffix_7
{
	padding-right: 58.333%;
}

.container_12 .suffix_8
{
	padding-right: 66.666%;
}

.container_12 .suffix_10
{
	padding-right: 83.333%;
}

.container_12 .suffix_11
{
	padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


/* Internet Explorer fixes */

.lt-ie7 .grid_1,
.lt-ie7 .grid_2,
.lt-ie7 .grid_3,
.lt-ie7 .grid_4,
.lt-ie7 .grid_5,
.lt-ie7 .grid_6,
.lt-ie7 .grid_7,
.lt-ie7 .grid_8,
.lt-ie7 .grid_9,
.lt-ie7 .grid_10,
.lt-ie7 .grid_11,
.lt-ie7 .grid_12,
.lt-ie7 .grid_13,
.lt-ie7 .grid_14,
.lt-ie7 .grid_15,
.lt-ie7 .grid_16,
.lt-ie8 .grid_1,
.lt-ie8 .grid_2,
.lt-ie8 .grid_3,
.lt-ie8 .grid_4,
.lt-ie8 .grid_5,
.lt-ie8 .grid_6,
.lt-ie8 .grid_7,
.lt-ie8 .grid_8,
.lt-ie8 .grid_9,
.lt-ie8 .grid_10,
.lt-ie8 .grid_11,
.lt-ie8 .grid_12,
.lt-ie8 .grid_13,
.lt-ie8 .grid_14,
.lt-ie8 .grid_15,
.lt-ie8 .grid_16
{
	margin-left: .92%;
	margin-right: .92%;
}

/*--------------------------------
Basics
--------------------------------*/
html{ }
body {
/*	background: url("https://sanpablo.edcl.com.ar/assets/get/img/backgrounds/bg_squares.png") repeat fixed;*/
	background-color: #FFF;
	position: relative;
	float: left;
	width: 100%;
}

.display_none {
	display: none;
}

.display_block {
	display: block;
}

.send_left {
	float: left;
}

.send_right {
	float: right;
}

.no_border {
	border: none !important;
}

.no_margin {
	margin: 0 !important;
}

.no_margin_bottom {
	margin-bottom: 0 !important;
}

.no_padding {
	padding: 0 !important;
}

.padding_top_10 {
	padding-top: 10px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

/*----End of Basics -----*/

/*--------------------------------
Sidebar and Topbar
--------------------------------*/
#topbar {
	display: none;
	z-index: 10;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

#topbar a.logo {
	float: left;
	margin-left: 3px;
	margin-bottom: 0;
}

#topbar .user_box {
	float: right;
	width: 190px;
	margin-right: 9px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px;
}

#sidebar {
	margin-left: 10px;
	width: 175px;
	z-index: 10;
	position: fixed;
	top: 0px;
	left: 0px;
}

#sidebar div.cog {
	display: none;
}

#sidebar a.logo {
	margin-bottom: 5px;
	margin-left: -7px;
}

a.logo span {
	visibility: hidden;
}

a.logo {
	/*background: url("https://sanpablo.edcl.com.ar/assets/get/img/adminica_logo_black-trans.png") no-repeat;*/
	background: transparent;
	display: block;
	height: 87px;
	width: 180px;
	z-index: 10;
	margin-top: -15px;
}

/*------User Box --------*/

.dark_box{
	border: 1px solid rgba(0,0,0,0.5) !important;
}


.user_box {
	color: #fff;
	padding: 5px;
	padding-right: 0;
	margin-top: 0px;
	margin-bottom: 10px;

}

.user_box .user_links {
	float: right;
	width: 95px;
	padding-right: 5px;
	word-wrap: break-word;
}

.user_box img {
	border: 1px solid #333;
	float: left;
	margin-right: 8px;
	margin-bottom: 0;
	padding: 0;
	display: block;
	zoom: 1;
}

.user_box h2 {
	float: left;
	color: #fff;
	line-height: 12px;
	margin-bottom: 7px;
	margin-top: 5px;
	font-size: 13px;
}

.user_box h3 {
	color: #ccc;
	float: left;
	margin-bottom: 7px;
	margin-top: 0;
	font-size: 12px;
	font-weight: normal;
}

.user_box h3 a {
	color: #ccc;
}

.user_box ul {
	float: left;
	padding: 0;
	margin: 0;
}

.user_box ul li {
	position: relative;
	float: left;
	margin: 0;
	display: inline;
	list-style: none;
	zoom: 1;
}

.user_box ul li a {
	font-size: 11px;
	color: #aaa;
	zoom: 1;
}

.user_box ul li a:hover {
	color: white;
}

.user_box ul li a:hover {
	color: #fff;
}

.user_box ul li span {
	color: #666;
	margin: 0 4px;
}

/*------Accordion and list --------*/
.side_accordion,.side_links {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 0;
}

.side_accordion li,.side_links li {
	list-style: none;
	width: 100%;
	position: relative;
	margin-left: 0;
	overflow: visible;
}

.side_accordion > li,.side_links > li {
	background-color: #D0D6DA;
}

#sidebar .side_accordion li a,#sidebar .side_links li a {
	color: #555;
	font-weight: normal;
	font-size: 12px;
	display: block;
	line-height: 32px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #959ba2;
	border-left: none;
	border-right: none;
	text-indent: 0px;
	text-shadow: 0px 1px 0px #fff;
	padding-left: 10px;
	zoom: 1;
	overflow: visible;
	position: relative;
}

#sidebar .side_accordion li:hover a,#sidebar .side_links li:hover a {
	color: #000;
}

.side_accordion li a img,.side_links a img {
	float: left;
	padding: 4px 7px 0 0;
	margin-left: -5px;
}

.side_accordion li span,.side_links li span {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
}

.side_accordion li a:hover,.side_links li a:hover {
	color: #000;
}

.side_accordion li:first-child a,.side_links li:first-child a {
	border-top: 0px solid white;
}

.side_accordion > li:last-child > a,.side_links li:last-child a {
	border-bottom: 0px solid white !important;
}

/*------accordion drawer (used by main navigation too) --------*/
ul.drawer {
	position: relative;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0px solid #333 !important;
	border-bottom: 0px solid #333;
	margin-top: -1px;
	margin-bottom: -1px;
	padding-left: 0;
	display: none;
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/sidenav_tooth-trans.png") 8px 0px no-repeat;
	background-color: #313841;
}

ul.drawer li a {
	filter: none;
	background-image: none;
	background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,0.5) !important;
	border-top: 0px solid #333 !important;
	border-left: 0px solid #333 !important;
	border-right: 0px solid #333 !important;
	color: #eee !important;
	font-weight: normal;
	line-height: 32px;
	font-size: 12px;
	text-shadow: 0px 1px 0px #000 !important;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.drawer li:first-child a {
}

li:last-child ul.drawer li{
	margin-bottom: 1px;
}


ul.drawer li a:hover {
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}

.lt-ie9 ul.drawer li a:hover {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/trans_black.png") repeat;
}

ul.drawer li:last-child a {
	border-bottom-width: 0px;
}

ul.drawer li:first-child a {
	border-top: none;
}

li:last-child ul.drawer li:last-child a {
	border-bottom-width: 0px !important;
}

ul.drawer.second {
	background-color: #009999 !important;
}

/*------Search --------*/

#search_side {
	padding: 0;
	margin-bottom: 10px;

	margin-left: 0;
	margin-bottom: 10px !important;
	display: block;
	position: relative;
	display: block;
}


#search_side input {
	background: transparent url("https://sanpablo.edcl.com.ar/assets/get/img/icons/small/white/magnifying_glass.png") 5px 3px no-repeat;
	border: none;
	display: block;
	padding: 7px 5px 7px 33px;
	width: 136px;
	color: #ccc;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#search_side input:hover,
#search_side input:focus {
	color: #fff;
}



/*----End of Sidebar and Topbar -----*/
/*--------------------------------
Main Container
--------------------------------*/
#wrapper {
	padding-bottom: 50px;
}

div.main_container {
	margin: 10px 10px 10px 196px;
	*top: 10px;
	background: #eee url("https://sanpablo.edcl.com.ar/assets/get/img/grey_noise.png") repeat;
	background-color: #e5e8ea;
	padding: 10px;
	width: auto;
	position: relative;
	display: block;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

div.main_container.full_size {
	padding: 0;
}

div.main_container.full_size > .box {
	width: 100% !important;
	margin: 0 !important;
}

div.main_container p > a {
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
}

div.main_container p > a:hover {
	color: #000;
	border-bottom: 1px dashed #000;
}

.isolate{
	position: relative;
}
.isolate .center{
	top:20%;
}

.isolate div.main_container {
	background: rgba(0,0,0,0.3);
	padding: 20px;
	margin: 10px;
	position: relative;
	border: 1px solid #000;
}


.isolate #loading_overlay .loading_message{
	margin-left: 0;
}

.isolate .section {
	padding: 10px !important;
}

.isolate .section :last-child {
	margin-bottom: 0px !important;
}

.isolate .box {
	margin: 0 !important;
}

.isolate .block {
	border: 0 !important;
}

/*------Navigation and Tabs --------*/

.navigation-bar {
	margin: -20px -10px 20px;
	display: block;
	border-bottom: 0px solid #fff;
	position: relative;
	z-index: 500;
	letter-spacing: 0;	
}

.navigation-bar ul {
	margin: 0px;
	padding: 0;
	border-bottom: 0px solid #aaa;
}

.navigation-bar ul li {
	margin: 0;
	float: left;
	list-style: none;
	position: relative;
	display: block;
	zoom: 1;
	background: #D0D6DA;
}

.navigation-bar ul li:first-child a {
	border-left: none;
}

.navigation-bar ul li a.end {
	width: 0;
	height: 34px;
	padding: 0;
	border-right: none;
}

.navigation-bar ul li a {
	border-right: 1px solid #aaa;
	border-left: 1px solid #fff;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	float: left;
	margin-bottom: 0px;
	line-height: 32px;
	height: 32px;
	white-space: nowrap;
	text-decoration: none;
	text-indent: 0;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	text-shadow: 0px 1px 0px #fff;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #fff;
	zoom: 1;
}

.navigation-bar > ul > li.has_dropdown > a {
	cursor: default;
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/dropdown_triangle.png") bottom right no-repeat;
}

.navigation-bar ul li a img {
	float: left;
	margin: 0 -5px 0 5px;
	padding: 4px 0px 0 0;
}

.navigation-bar ul li.icon_only a img {
	margin: 0 5px;
}

.navigation-bar ul li a span {
	padding: 0 10px;
}

.navigation-bar > ul > li.current > a {
	border-top: none !important;
	border-bottom: 1px solid #000;
	border-left: none;
	color: #fff !important;
	text-shadow: 0px 1px 0px #000000;
	border-right: 1px solid #4b4b4b;
	padding-bottom: 1px;
	background-color: #4c5766;
	margin-left: -1px;
	padding-left: 1px;

	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
}

.navigation-bar > ul > li:first-child.current > a {
	margin-left: 0;
	padding-left: 0;
}

.navigation-bar > ul > li.current > a:hover {
	color: #fff;
}

.navigation-bar ul li:first-child.current > a {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.navigation-bar ul li a:hover {
	color: #000;
}

.navigation-bar > ul > li > ul,
.navigation-bar ul li ul.dropdown {
	background-color: transparent;
	display: block;
	position: absolute;
	top: 33px;
	z-index: 501;
	left: -9999px;
	zoom: 1;
	border: 1px solid #aaa;
	border-top: 1px solid #aaa;
	width: 140px;
}

.navigation-bar ul li:hover ul.dropdown{
	left: -1px;
	right: auto;
}

.navigation-bar ul li:hover ul.dropdown_right {
	right: -0px;
	left: auto;
}

.navigation-bar ul li ul.dropdown li {
	position: relative;
	float: none;
	background-color: #DFE2E4;
	z-index: 100;
}

.navigation-bar ul li ul.dropdown li a {
	display: block;
	float: none;
	background-image: none;
	background-color: transparent;
	filter: none !important;
	border-bottom: 1px solid #b5b8bb;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #fff;
	border-right: none;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0px 1px 0px #fff;
}

.navigation-bar ul li ul.dropdown li:last-child a {
	border-bottom: 0px solid #b5b8bb;
}

.navigation-bar ul li ul.dropdown li a:hover {
	color: #000;
}

li.has_drawer > a {
	background: transparent url("https://sanpablo.edcl.com.ar/assets/get/img/nav_plus.gif") right 7px no-repeat !important;
}

li.has_drawer.second > a {
	background-color: #937f5c !important;
}
li.has_drawer.second > a:hover {
	color: #DDD !important;
}

#sidebar ul.side_accordion > li.has_drawer > a {
	background-position: right !important;
}

li.has_drawer.open > a {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/nav_minus.gif") !important;
}

.navigation-bar ul li ul.dropdown li ul.drawer {
	margin: -1px;
	border: 0;
	border-top: 0px solid #111;
	width: auto !important;
	border-left: none;
}
.navigation-bar ul li ul.dropdown li ul.drawer.second {
	margin: 0px;
}

.navigation-bar ul li ul.dropdown li ul.drawer li {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	filter: none !important;
	zoom: 1;
}

.navigation-bar ul li ul.dropdown li ul.drawer li a {
	display: block;
	border-bottom: 1px solid #2f3134;
	color: #eee;
	border-top: 0px solid #999;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-left: none;
	text-shadow: 0px 1px 1px #000;
	filter: none !important;
	zoom: 1;
}
.navigation-bar ul li ul.dropdown li ul.drawer li a:hover {
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}

.lt-ie9 .navigation-bar ul li ul.dropdown li ul.drawer li a:hover {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/trans_black.png") repeat;
}

.navigation-bar ul li ul.dropdown li ul.drawer li:last-child a {
	border-bottom: 0px solid #ccc;
}

.navigation-bar ul li ul.dropdown li:last-child ul.drawer li:last-child a,.navigation-bar ul li ul.dropdown li:last-child {
	margin-bottom: -0px;
}

.navigation-bar ul li ul.dropdown li ul.drawer {
	margin-bottom: 0px;
	filter: none;
}

.navigation-bar ul li ul.dropdown li:last-child ul.drawer {
	margin-bottom: 0px;
}

.navigation-bar #mobile_nav {
	display: none;
	margin-top: -20px;
}

.navigation-bar #mobile_nav select {
	display: block;
	width: 100%;
}

/*-----Box -------*/
div.main_container .box,
.ui-dialog .box {
	position: relative;
	background-color: white;
	margin-bottom: 15px;
	padding: 0;
	z-index: 400;



	-webkit-box-shadow: 0 2px 0 1px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 2px 0 1px rgba(0,0,0,0.03);
	box-shadow: 0 2px 0 1px rgba(0,0,0,0.03);
}

div.main_container .box h2.box_head,
.ui-dialog .box h2.box_head {
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: white;
	margin: -1px auto 0px;
	text-indent: 10px;
	text-shadow: 0px 1px 0px #000;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.box.light h2.box_head,
.box.light h2.box_head small {
	border-color: #959BA2;
	color: #333 !important;
	text-shadow: 0 1px 0 #FFFFFF !important;
}

.box.light a.toggle {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/lite_toggle.png");
}

.box h2.box_head small {
	font: normal 11px sans-serif;
	color: #ddd;
}

.block h2 small {
	font: normal 12px sans-serif;
	color: #aaa;
	letter-spacing: normal;
	margin-left: 5px;
}

.box a.toggle {
	background: rgba(0,0,0,0.1) url("https://sanpablo.edcl.com.ar/assets/get/img/toggle.png") 1px -15px no-repeat;
	display: block;
	height: 17px;
	width: 18px;
	position: absolute;
	right: 33px;
	top: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.box a.toggle_closed {
	background-position: 2px 2px;
}

.box a.grabber {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/grabber.gif") no-repeat;
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/grabber-trans.png") no-repeat;
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	right: 5px;
	top: 4px;
	cursor: move;
}

.box .block {
	padding: 0px 10px 0px 10px;
	padding: 0;
	margin-top: 0px;
	position: relative;
	background: none;
	overflow: hidden;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;

}

.box.no_titlebar .block {
	border-width: 1px;
}

.box .block.tab_sider {
	border-width: 1px 1px 1px 0;
}

.box .block .section {
	padding: 15px;
	margin: 0;
}
.box .block .section.content {
	padding: 0;
}
.box .block .section:last-child {
}

.box .block h1.section,.box .block h2.section,.box .block h3.section {
	padding-bottom: 15px;
}

.box .block ul.flat_large {
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}

.box .block ul.flat_large li {
	margin: 0 0 0 1px;
	margin-left: 0;
	border-bottom: 1px solid #eee;
	width: 100%x;
	padding: 10px 10px;
	list-style: none;
	display: block;
}

.box .block ul.flat_large li:last-child {
	border: none;
}

.box .block ul.flat_large li span {
	color: #333;
	display: block;
	float: left;
	width: 95px;
	font-weight: bold;
	font-size: 14px;
}

.dashed_placeholder {
	display: inline-block;
	margin: -0px 0.9% 0px;
	background: #eee;
	outline: 1px dashed #bbb;
}

.flat_area {
	margin-bottom: 15px;
	margin-top: 0px;

}

.flat_area > * {
	text-shadow: 0px 1px 0px #fff;
	padding: 0 10px;
}

.flat_area > :last-child {
	margin-bottom: 0;
}

.flat_area h2 {
	margin-left: 0px;
	margin-right: 0px;
	padding: 2px 10px 2px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: bold;
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/trans_black_less.png");
	border: 1px solid #fff;
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	line-height: 30px;
	text-indent: 0px;
}

/*-----End of Main Container -------*/


/* Loading Overlay
----------------------------------------------------------------------------------------------------*/
#loading_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
}

#loading_overlay .loading_message {
	background-color: rgba(255,255,255,0.5);
	padding: 0;
	line-height: 25px;
	height: 30px;
	border: 1px solid #fff;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
	color: #333;
	font-weight: bold;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#loading_overlay .loading_message img {
	margin: 5px auto;
}

.box, .block, .flat_area, .indent {
	opacity: 0;
}

/*-----Loading Overlay -------*/



/* Breadcrumb
----------------------------------------------------------------------------------------------------*/

.breadcrumb{
	float: left;
}


ul.breadcrumb{
	border: 1px solid #ccc;
}


ul.breadcrumb > li{
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	border-width: 0;
	font-size: 11px;
}

ul.breadcrumb > li > a,
ul.breadcrumb > li > span{
	display: block;
	padding: 0 5px 0 17px;
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/breadcrumb_divider.png") no-repeat;
	background-position: -5px;
}

ul.breadcrumb > li:first-child > a{
	background: none;
	padding: 0 0 0 5px;
	
}

ul.breadcrumb > li:last-child > span{
	padding: 0 10px 0 17px;
	font-weight: bold;
	
}

.toggle_all{
	border: 1px solid #aaa;	
}


.toggle_all > a{
	padding-right: 40px;
	padding-left: 8px;
	text-align: right;
	right: 0px;
	margin-top: 1PX;
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/box_toggle_h.png") 96% bottom no-repeat;
}

.toggle_all.closed > a{
	background-position: 96% top;
}

.toggle_all a{
	display: block;
	height: 20px;
	white-space: nowrap;

}

.toggle_all .show_all{
	display: none;
}
.toggle_all.closed .show_all{ display: block;}
.toggle_all.closed .hide_all{
	display: none;
}



/*-----End of Breadcrumb -------*/




/*--------------------------------
Form Elements
--------------------------------*/
.columns {
	width: 100%;
	border-top: 1px solid #eee;
}

.columns:first-child {
	border-top: 0px;
}

.col_100, .col_90, .col_80, .col_50, .col_55, .col_33, .col_66, .col_20, .col_25, .col_70, .col_75, .col_60, .col_40, .col_45, .col_15, .col_30, .col_13, .col_12, .col_10, .col_5 {
	position: relative;
	border-right: 1px solid #eee;
	margin-right: -2px;
	
	display: block;
	float: left;
}

.col_100 {
	width: 100%;
}

.col_90 {
	width: 90%;
}

.col_80 {
	width: 80%;
}

.col_75 {
	width: 75%;
}

.col_70 {
	width: 70%;
}

.col_66 {
	width: 66.666%;
}

.col_60 {
	width: 60%;
}

.col_55 {
	width: 55%;
}

.col_50 {
	width: 50%;
}

.col_45 {
	width: 45%;
}

.col_40 {
	width: 40%;
}

.col_33 {
	width: 33.333%;
}

.col_30 {
	width: 30%;
}

.col_25 {
	width: 25%;
}

.col_20 {
	width: 20%;
}

.col_15 {
	width: 15%;
}

.col_13 {
	width: 13%;
}

.col_12 {
	width: 12%;
}

.col_10 {
	width: 10%;
}

.col_5 {
	width: 5%;
}


.columns .on_right {
	border-right: 0;
	border-left: 1px solid #eee;
	margin-left: 0px;
}

form {
	margin-bottom: 0px !important;
}

fieldset {
	position: relative;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	clear: both;
}

.block fieldset {
	margin: -1px 0;
}

fieldset > label {
	font-size: 13px;
	font-weight: bold;
	padding: 15px 20px 10px;
	margin-right: 10px;
	display: block;
	color: #333;
}
fieldset > label.title {
	margin-right: 0pc;
	background: #bfedfa;
	font-size: 1.2em;
}
fieldset > label.title-green {
	background: #d2fabf;
}
fieldset > label.title-yellow {
	background: #faf9bf;
}
fieldset > label.title-red {
	background: #ffabab;
}

fieldset > label span {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	font-family: sans-serif;
	color: #999;
	margin-left: 5px;
}

fieldset > label span.click {
	cursor: pointer;
}

fieldset > div {
	width: auto;
	padding: 0px 20px 15px;
}

.error {
	font-weight: bold;
	color: #DA202C;
}

input[type=text], input[type=password], input[type=number], textarea, select,
input.text, .textarea, .select, .ui-multiselect {
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	border: 0;
	background: rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: inset 0px 0px 2px 0px #ddd;
	-moz-box-shadow: inset 0px 0px 2px 0px #ddd;
	box-shadow: inset 0px 0px 2px 0px #ddd;
}

input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], textarea[disabled], select[disabled]
{
	background: rgba(0, 0, 0, 0.2);
}

input[type=text], input[type=password], input[type=number], input.text {
	line-height: 25px;
	height: 25px;
	padding: 0px 0 0 5px;
}

input[type=text].width_50, input[type=password].width_50, input[type=number].width_50,
input.text.width_50 {
	width: 50%;
}

input[type=text].width_25, input[type=password].width_25, input[type=number].width_25,
input.text.width_25 {
	width: 25%;
}

input[type=text].width_75, input[type=password].width_75, input[type=number].width_75,
input.text.width_75 {
	width: 25%;
}

textarea,
.textarea_holder,.textarea {
	padding: 5px 0 0 5px;
	min-height: 60px;
}

.textarea_holder > textarea {
	height: 100px;
	width: 100%;
	display: block;
}

input[type=text]:hover, input[type=password]:hover, input[type=number]:hover, textarea:hover,
input.text:hover,.textarea:hover {
	-webkit-box-shadow: inset 0px 0px 2px 0px #aaa;
	-moz-box-shadow: inset 0px 0px 2px 0px #aaa;
	box-shadow: inset 0px 0px 2px 0px #aaa;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus,
input.text:focus,.textarea:focus {
	-webkit-box-shadow: inset 0px 0px 2px 0px #555;
	-moz-box-shadow: inset 0px 0px 2px 0px #555;
	box-shadow: inset 0px 0px 2px 0px #555;
}

fieldset > div > .required_tag,
fieldset > div > .yellow_tag,
fieldset > div > .blue_tag,
fieldset > div > .green_tag {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/input_required.png") top right;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
fieldset > div > .yellow_tag,
fieldset > div > .blue_tag,
fieldset > div > .green_tag {
	width: 34px;
	height: 34px;
	right: -1px;
}
fieldset > div > .yellow_tag {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/content/yellow_star.png");
}

fieldset > div > .blue_tag {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/content/blue_star.png");
}

fieldset > div > .green_tag {
	background-image: url("https://sanpablo.edcl.com.ar/assets/get/img/content/green_star.png");
}

fieldset.label_side{
}
fieldset.label_side > label {
	width: 100px;
	position: relative;
	float: left;
	left: 0;
	padding: 18px 20px 8px;
	border-right: 1px solid #eee;
	clear: left;
	line-height: normal;
}

fieldset.label_side > label > span {
	display: block;
	margin: 3px 0 -3px;
}

fieldset.label_side > label > span > a {
	color: #999;
}

fieldset.label_side > div {
	width: auto;
	margin-left: 140px;
	padding: 15px 20px;
	border-left: 1px solid #eee;
	clear: right;
	white-space: nowrap;
}

fieldset.label_side > div > input[type=text],
fieldset.label_side > div > input[type=password],
fieldset.label_side > div > input[type=number],
fieldset.label_side > div > input.text {
	width: 100%;
}
fieldset.label_side > div > input[type=number] {
	width: auto;
}

fieldset.label_side.label_small > label {
	width: 70px;
}

fieldset.label_side.label_small > div {
	margin-left: 110px;
}

fieldset.no_label > div {
	padding: 15px 20px;
}

fieldset.no_label > div > h1,
fieldset.no_label > div > h2,
fieldset.no_label > div > h3,
fieldset.no_label > div > h4,
fieldset.no_label > div > h5,
fieldset.no_label > div > h6,
fieldset.no_label > div > h7 {
	margin: 0;
	text-align: center;
	font-weight: bold;
	color: inherit;
}

fieldset > div > label {
	display: block;
	line-height: 25px;
}

fieldset > div > label:first-child {
	margin-top: -3px;
}

fieldset > div.inline > label {
	display: inline-block;
	float: left;
	line-height: 26px;
	margin-right: 10px;
	margin-top: 0px;
}

fieldset > div > label input[type=radio],fieldset > div > label input[type=checkbox] {
	margin-right: 8px;
}

.edit_text input {
	background: #fff;
	margin-bottom: 10px;
	border: none;
}

.button_bar {
	padding: 10px 10px 10px;
	border: 1px solid #fff;
	border-top:1px solid #aaa;
	margin-top: -1px;
}

.button_bar button {
	margin-bottom: 0;
}

.button_bar .text {
	float: left;
	margin: 6px 10px;
}

.alert {
	border: 1px solid #999;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

.alert.dismissible:hover {
	cursor: pointer;
}

.alert img {
	margin: -3px 5px 0px 0;
	float: left;
}

.alert.badge {
	position: absolute;
	display: block;
	z-index: 100;
	right: -5px !important;
	top: -8px !important;
	margin: 0;
	text-align: center;
	padding: 2px 4px;
	line-height: 12px;
	text-indent: 0;
	font-size: 11px;
	border: 2px solid #fff;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	zoom: 1;
}

select {
	margin-right: 5px;
	margin-bottom: 8px;
	margin-right: 5px;
	margin-top: 5px;
}

select.full_width {
	display: block;
}

.time_picker_holder .selector,.inline .selector,.inline select {
	float: left;
}

.slider {
	margin-top: 5px;
}

.slider_vertical span{
	float: left;
	margin-right: 3.5%;
}
.slider_vertical span:last-child,
.slider_vertical span.last-child{
	margin-right: 0px;
}

.has_labels.slider {
	margin-bottom: 10px;
}

.ui-slider ol.slider_labels {
	margin-top: 15px;
	width: 100%;
	margin-left: 1%;
	position: absolute;
}
.slider ol.slider_labels li:last-child,
.slider ol.slider_labels li.last-child{
	margin-right: 0 !important;
}

.ui-slider ol.slider_labels li {
	font-weight: bold;
	font-size: 11px;
	float: left;
	display: block;
	width: 15px;
	margin-left: -15px;
	text-align: center;
}





button {
	padding: 2px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 24px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

button.full_width {
	width: 100%;
}

button.full_width span {
	margin-left: -10px;
}

button .ui-icon {
	margin: 4px;
	float: left;
}

button img {
	display: block;
	float: left;
}

button.div_icon span,button.img_icon span {
	padding-left: 5px;
	padding-right: 5px;
}

button.text_only {
	padding-right: 5px;
	padding-left: 5px;
}

button.small {
	line-height: 20px;
}

button.small .ui-icon {
	margin: 2px;
}

button.small img {
	display: block;
	margin: -2px;
}

button.large {
	line-height: 36px;
}

button.large .ui-icon {
	margin: 10px;
}

button.large img {
	display: block;
	margin: 7px 7px 5px;
}

/*-----End of Form Elements -------*/
/*--------------------------------
Tab Boxes
--------------------------------*/
.tabs ul.tab_header {
	margin-top: -2px;
	margin-bottom: -1px;
	padding: 0;
	width: 100%;
	border-width: 1px 0px;
	padding-top: 1px;
}

.tabs ul.tab_header li {
	display: block;
	float: left;
	margin: 0;
	margin-bottom: -1px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	position: static;
	filter: none;
}

.lt-ie7 .tabs ul li,.lt-ie8 .tabs ul li {
	margin-bottom: -1px;
}

.tabs ul.tab_header li a {
	display: block;
	margin: 3px 0 0px 5px;
	line-height: 30px;
	padding: 0 15px;
	text-shadow: 0px 1px 0px #fff;
	color: #555;
	font-weight: normal;
	background-color: #D0D6DA;
	filter: none;
	border-bottom: 1px solid #AAAAAA;
}

.tabs ul.tab_header li a span {
	color: #333;
	font: bold 10px sans-serif;
}

.tabs ul.tab_header li.ui-state-active a {
	margin: 3px 0 -2px 5px;
}

.tabs ul.tab_header li a:hover {
	color: #222;
	cursor: pointer;
}

.tabs ul.tab_header li.ui-tabs-selected a {
	background: #fff;
	filter: none;
	border-color: white;
	color: #333;
	text-shadow: none;
}

.tabs ul.tab_header li.ui-tabs-selected a {
	cursor: default;
}

.tabs ul {
	margin-bottom: -1px;
}

.side_tabs .block {
	margin-left: 150px;
	position: relative;
	border-left: 0;
	min-height: 193px;
}

.tabs ul.tab_sider {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 150px;
	filter: none;
	border: 0px;
	overflow: hidden;
	border-color: #333;
}

.tabs ul.tab_sider li {
	display: block;
	margin: 5px 0 0 5px;
	padding: 0;
	width: 100%;
	border: 0;
	background: none;
	cursor: pointer;
	zoom: 1;
}

.tabs ul.tab_sider li a {
	display: block;
	line-height: 32px;
	margin: 0;
	padding: 0 0;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	width: 100%;
	color: #555;
	font-weight: normal;
	background-color: #D0D6DA;
	zoom: 1;
}

.tabs ul.tab_sider li a:hover {
	color: #222;
}

.tabs ul.tab_sider li.ui-tabs-selected a {
	background: #fff;
	border-color: white;
	color: #333;
	text-shadow: none;
	padding: 0 0;

	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 2px #fff;
}

/*-----End of Tabs -------*/
/*--------------------------------
Accordion
--------------------------------*/
ul.content_accordion {
	list-style: none;
	padding: 0 !important;
	width: 100%;
	margin: 0 0 -1px 0;
}

.content_accordion h3.bar {
	background-color: #dfe2e4;
	display: block;
	*display: inline-block;
	margin: 0;
	line-height: 30px;
	font-family: sans-serif;
	padding: 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-shadow: 0px 1px 0px #fff;
	border-bottom: 1px solid #959BA2;
	border-top: 0px solid #fff;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

.block .content_accordion li:first-child h3.bar,.no_titlebar .content_accordion li:first-child h3.bar {
	border-top: 1px solid #aaa;
}

.full_size > .box .block.content_accordion li:first-child h3.bar {
	border-top: none;
}

.full_size > .box .block.content_accordion .content {
	border-left: none;
	border-right: none;
}

.full_size > .box .block.content_accordion li:last-child .content {
	border-bottom: none;
}

.full_size .content_accordion h3.bar {
	border-left: none;
	border-right: none;
}

.content_accordion {
	border: 0 !important;
}

.content_accordion .content {
	padding: 0px 10px 0;
	margin: -1px 0 1px;
	border-top: none;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #fff;
}

.content_accordion .content > *:first-child {
	margin-top: 10px;
}

.content_accordion .content > *:last-child {
	margin-bottom: 10px;
}

.content_accordion li:last-child .content {
	border-bottom: 1px solid #aaa;
}

ul.content_accordion li {
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	width: 100%;
	display: block;
	border: none;
	border-bottom: 0 !important;
}

ul.content_accordion li a.handle {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/grabber-trans.png") no-repeat;
	line-height: 22px;
	height: 22px;
	width: 22px;
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 10;
	cursor: move;
	zoom: 1;
}

ul.content_accordion.no_rearrange li a.handle {
	display: none;
}

/*-----End of Accordion -------*/
/*--------------------------------
Dialog
--------------------------------*/
.no_dialog_titlebar.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.no_dialog_titlebar .tab_header {
	margin-top: 0 !important;
	border-top: 0 !important;
}

.dialog_content .section {
	padding: 10px;
}

.dialog_content .block {
	overflow: hidden;
}

/*-----End of Dialog -------*/
/*--------------------------------
DataTable
--------------------------------*/
.datatable {
	visibility: hidden;
}

.dataTables_scroll {
	overflow: hidden;
}

.dataTables_scrollBody{
	width:auto !important;
	overflow: auto !important;
}

.dataTables_wrapper {
	margin: 0px 0 !important;
}

.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
	background: #4C5766;
	border: 1px solid #000;
	position: relative;
	padding: 10px;
	text-shadow: 0px 1px 0px #000;
	color: #fff;
}

.block .dataTables_wrapper .ui-widget-header.ui-corner-tl {
	font-weight: normal;
	background: #fff !important;
	filter: none;
	border: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 10px;
	text-shadow: 0px 1px 0px #fff;
	color: #333;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.dataTables_length {
	float: left;
	line-height: 20px;
}

.dataTables_length .selector {
	background-position: -483px -160px;
	display: inline-block;
	margin-bottom: -11px;
	margin-left: 0px;
}

.dataTables_filter {
	float: right;
	line-height: 20px;
	width: 180px;
	display: block;
}

.dataTables_filter label {
	float: right;
}

.dataTables_wrapper .dataTables_filter input {
	display: inline;
	width: 120px !important;
	height: 28px;
	line-height: 28px;
}

.single_datatable .dataTables_filter input {
	border: 0px solid #000;
	margin-left: 5px;
	color: #fff;

	-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
}

.single_datatable .dataTables_filter input:focus {
	background: none;
}

/*
.dataTables_wrapper .ui-widget-header input {
	
margin: 0 0 0 5px;
	
border:  1px solid #000000;
	

-webkit-border-radius:  2px;
	
-moz-border-radius:  2px;
	
border-radius:  2px;
	


background:  #fff;
	
}

 */
.dataTables_scrollHeadInner {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #AAAAAA;
}

.block .dataTables_scrollHeadInner {
	border-top: 0;
}

.dataTables_scrollHeadInner table {
	margin-bottom: 0;
	margin-top: 0px;
}

.dataTables_scrollHeadInner table thead tr {
	margin-right: 0px;
}

.dataTables_scrollHeadInner table thead tr th {
	border: none !important;
	background: none;
	position: relative;
}

.DataTables_sort_wrapper {
	background: none;
	padding: 10px 5px 10px 20px;
	text-align: center;
	font-size: 12px;
	color: #333;
	text-shadow: 0 1px 0 #FFFFFF;
	/*border-left:  1px solid #FFFFFF;
	border-right:  1px solid #AAAAAA;*/
	position: relative;
	font-weight: normal;
}

.DataTables_sort_wrapper:hover {
	color: #000000;
	cursor: pointer;
}

.DataTables_sort_wrapper span {
	position: absolute;
	left: 5px;
	top: 8px;
}

.dataTables_scrollBody table {
	margin-bottom: 0;
	margin-top: 0px;
}

.dataTables_scrollBody > .datatable > thead {
	visibility: hidden;
}

.dataTables_scrollBody > .datatable > thead .ui-state-default {
	border: none;
}

.dataTables_scrollBody tbody tr td {
	line-height: 20px;
}

table.display td {
	padding: 3px 10px;
}

table.display tr.odd {
	background-color: #fafafa;
	border-bottom: 1px solid #d8dcde;
}

table.display tr.even {
	border-bottom: 1px solid #e1e5e7;
}

table.display tr.even:hover,table.display tr.odd:hover {
	background-color: #E6ECEF;
}

.dataTables_info {
	float: left;
	line-height: 26px;
}

.dataTables_paginate {
	float: right;
	margin-right: 0px;
}

.dataTables_wrapper .dataTables_paginate span.fg-button {
	background-image: none;
	background-color: #DFE2E4;
	text-shadow: 0 1px 0 #FFFFFF;
	color: #333;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #aaa;
	padding: 3px 10px;
	margin: 0;
	filter: none !important;
}

.dataTables_wrapper .dataTables_paginate span.first {
	border-left: 1px solid white;

	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.dataTables_wrapper .dataTables_paginate span.last {
	border-right: 1px solid #fff;
}

.dataTables_wrapper .dataTables_paginate span.ui-state-disabled {
	margin-left: -1px;
	opacity: 1;
	color: #888 !important;
}

.dataTables_wrapper .dataTables_paginate span span.ui-state-disabled {
	background-image: none;
	text-shadow: 0 1px 0 #000;
	background-color: #313841;
	border: 1px solid #000;
	color: #FFFFFF !important;

	opacity: 1;
}

/*-----End of DataTable -------*/
/*--------------------------------
Regular Tables
--------------------------------*/
table.static {
	width: 100%;
	margin-bottom: 0 !important;
	margin-top: 0px !important;
}

table.static thead {
	background: #E0E6EA;
	border-bottom: 1px solid #aaa;
}

table.static tr td,
table.static tr th {
	line-height: 25px;
	padding: 0 10px;
	border: none;
	border-bottom: 1px solid #E1E5E7;
}

table.static tr:last-child td {
	border-bottom: 0;
}

table.static thead tr th {
	border-left: none;
	border-right: none;
	line-height: 30px;
	padding: 0 10px;
	text-align: left;
	color: #333;
	font-weight: normal;
	text-shadow: 0px 1px 0px #fff;
}
table.static tfoot tr td,
table.static thead tr th {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}
table.static thead tr th {
	font-size: 120%;
}

table.static tbody tr.even td {
	background-color: #EDF1F3;
	border-bottom: 1px solid #D8DCDE;
}

table.static tbody tr td input,table.static tbody tr td button {
	margin: 10px 0;
	height: 30px;
	line-height: 30px;
	float: left;
}

/*-----End of Regular Tables -------*/
/*--------------------------------
Wizard
--------------------------------*/
.wizard {
	position: relative;
}

.wizard_content .step {
	display: none;
}

.wizard_content {
	display: block;
}

.wizard_steps {
	display: block;
}

.wizard_progressbar {
	display: block;
	position: absolute;
	right: 60px;
	top: -24px;
	width: 223px;
	z-index: 9999;
	border-color: #000;

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
}

.wizard_progressbar > div {
	border-width: 0px;
	margin: 0px !important;
}

.wizard .wizard_steps ul {
	width: 100%;
	border-right: 0 !important;
	border-left: 0 !important;
	border-top: 1px solid rgba(0,0,0,0.5) !important;
	border-bottom: 1px solid rgba(0,0,0,0.5) !important;
	background: #4C5766;
	margin-top: 0px;
	margin-bottom: 0;
}

.wizard .wizard_steps ul li {
	min-width: 170px;
	display: inline-block;
	float: left;
	list-style: none;
	border-right: 1px solid rgba(0,0,0,0.5);
}

.wizard .wizard_steps ul li.current {
	background: #fff;
	border-left: 1px solid #fff !important;
	border-right: 1px solid rgba(0,0,0,0.5) !important;
}

.wizard .wizard_steps ul li.current a {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(255,255,255,0.5);
	color: #000;
	text-shadow: 0px 1px 0px #fff;
}

.wizard .wizard_steps ul li:last-child,.wizard .wizard_steps ul li:last-child a {
	border-right-width: 0px;
}

.wizard .wizard_steps ul li a {
	font-weight: normal;
	color: #fff;
	display: block;
	padding: 8px 10px;
	border-right: 1px solid rgba(255,255,255,0.2);
	text-shadow: 0px 1px 0px #000;
}

.wizard .wizard_steps ul li a span {
	display: inline-block;
	float: left;
	font-size: 12px;
}

.wizard .wizard_steps ul li a small {
	font-size: 10px;
	color: #ddd;
	margin: 5px 0 0 12px;
	display: inline-block;
	float: left;
	clear: both;
}

.wizard .wizard_steps ul li.current a small {
	color: #333;
}

/*-----End of Wizard -------*/
/*--------------------------------
File Browser
--------------------------------*/
#file_tree ul.jqueryFileTree li {
	padding: 0 0 5px 25px;
	background-position: 0px 8px;
}

#file_tree ul.jqueryFileTree li.directory a {
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 0;
}

/*-----End of File Browser -------*/
/*--------------------------------
Gallery
--------------------------------*/
.indent {
	background-color: rgba(0,0,0,0.15);
	border: none;
	border: 1px solid #fff;

	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	margin-bottom: 15px;

}



.indent fieldset {
	text-shadow: 0px 1px 0px #f9f9f9;
}

.indent fieldset h3 {
	margin-bottom: 10px;
}

.gallery ul {
	padding: 20px 0px 10px 19px;
	margin: 0 0px 0 0;
	list-style: none;
}

.gallery ul li {
	list-style: none;
	float: left;
	
	padding: 0;
	margin: 0 9px 9px -1px;
	position: relative;

	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
}

.gallery ul li a {
	padding: 5px;
	display: block;
	overflow: auto;
	background-color: #f1f1f1;
	*background-color: #fff;
	text-align: center;
	text-shadow: 0px 1px 0px #fff;
	border: 1px solid #fff;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: inset 0px 0px 10px #ffffff;
	-moz-box-shadow: inset 0px 0px 10px #ffffff;
	box-shadow: inset 0px 0px 10px #ffffff;
}

.gallery ul li a:hover {
	background-color: #fff;
}

.gallery ul li a img {
	display: block;
	margin: 2px auto 3px;
	padding: 0;
	border: 1px solid #fff;
}

.gallery ul li a span.name {
	color: #666;
	font-size: 12px;
	text-align: center;
	margin: 0 2px 0px;
	display: block;
	line-height: 17px;
}

.gallery ul li a span.size {
	display: block;
	color: #999;
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 5px;
}

.gallery ul li a span.update {
	display: none;
}

.gallery_sorter {
	margin-bottom: 10px;
	display: block;
}

.gallery_sorter fieldset {
	padding: 10px 20px;
	margin: 0;
	width: 40%;
}

.gallery_sorter label {
	margin-right: 10px;
	line-height: 2em;
	display: block;
	float: left;
}

.gallery ul li a.features .starred {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/yellow_star.png") no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	position: absolute;
	right: -1px;
	top: 0px;
}

.gallery ul li a.features .starred.blue {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/blue_star.png") no-repeat;
}

.gallery ul li a.features .starred.green {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/green_star.png") no-repeat;
}

.gallery ul li a span.update {
	display: none;
}

.gallery .feature_tiles li a {
	width: 93px;
	height: 80px;
}

.gallery .feature_tiles li a img {
	border: 0;
}

/*-----End of Gallery -------*/
/*--------------------------------
Calendar
--------------------------------*/
.fc table {
	margin-bottom: 0;
	margin-top: 0;
}

.fc thead tr th {
	line-height: 30px;
}

.fc .fc-agenda-divider {
	background: #333;
	border-color: #000;
}

.fc .fc-agenda-slots tr th {
	border-color: #959BA2;
	color: #555;
	text-shadow: 0 1px 0 #FFFFFF;
}

.fc .ui-state-highlight,.fc .ui-widget-content .ui-state-highlight,.fc .ui-widget-header .ui-state-highlight {
	background-color: #E6ECEF;
}

.fc .fc-event {
	padding: 5px;
	text-shadow: 0 1px 0 #000;
	margin: 2px 0 1px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.fc .fc-event.google {
	border: 1px solid #959BA2;
}

.fc .fc-event a,.fc-event-skin,.fc-event-vert .fc-event-bg {
	background: none;
}

.fc .fc-event .fc-event-inner {
	background: none;
	border: none;
}

ul#calendar_drag_list li {
	padding: 0;
}

ul#calendar_drag_list li a {
	padding: 10px;
	display: block;
	cursor: move;
}

/*-----End of Calendar -------*/
/*--------------------------------
iPhone and iPad formatting
--------------------------------*/
/*  iPad Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#template_options {
	position: relative !important;
}

#sidebar div.cog {
	line-height: 40px !important;
	width: 40px !important;
	right: -40px !important;
}

.col_100,.col_50,.col_33,.col_66,.col_25,.col_75,.col_60,.col_40 {
	width: 100%;
}

}

/*  iPhone Landscape */
@media screen and (min-width: 321px) and (max-width: 480px) {
	a.logo {
	display: none;
}

.navigation-bar {
	margin: 0;
}

.navigation-bar ul {
	display: none;
}

.navigation-bar #mobile_nav {
	display: block;
}

#topbar .user_box {
	margin: 10px auto 0;
	float: none;
}

body div.main_container {
	margin: 10px 0 10px 1% !important;
	padding: 20px 2% 5px !important;
	width: 94% !important;
}

body div.full_size {
	padding: none !important;
}

#template_options {
	position: relative !important;
}

div.main_container .box,
.ui-dialog .box,
div.main_container .flat_area,
.ui-dialog .flat_area {
	width: 98% !important;
}

#sidebar {
	display: none !important;
}

#topbar {
	display: block !important;
}

#template_options h3 {
	float: none !important;
	display: block !important;
	clear: both !important;
}

#template_options div {
	display: block;
}

div.full_size {
	padding: 0 !important;
}

div.full_size .box {
	margin: -20px -2% -5px !important;
	padding: 0% !important;
	width: 104% !important;
}

body {
	padding-bottom: 0 !important;
}

}

/*  iPhone Portrait */
@media screen and (max-width: 320px) {
	a.logo {
	display: none;
}

.navigation-bar {
	margin: 0;
}

.navigation-bar ul {
	display: none;
}

.navigation-bar #mobile_nav {
	display: block;
}

#topbar .user_box {
	margin: 10px auto 0;
	float: none;
}

body div.main_container {
	margin: 10px 0 10px 1% !important;
	padding: 20px 2% 5px !important;
	width: 94% !important;
}

body .navigation-bar ul li.current:first-child a {
	border-left-width: 1px !important;
}

#template_options {
	position: relative !important;
}

#template_options h3 {
	float: none !important;
	display: block !important;
	clear: both !important;
}

#template_options div {
	display: block;
}

#sidebar {
	display: none !important;
}

#topbar {
	display: block !important;
}

div.main_container .box,
.ui-dialog .box,
div.main_container .flat_area,
.ui-dialog .flat_area {
	width: 100%;
}

div.full_size {
	padding: 0 !important;
}

div.full_size .box {
	margin: -20px -2% -5px !important;
	padding: 0% !important;
	width: 104% !important;
}

body {
	padding-bottom: 0 !important;
}

}

/*-----End of iPhone -------*/
/*--------------------------------
Flot Graph
--------------------------------*/
.flot {
	width: 100%;
	margin: 0 0 5px;
	height: 300px;
	overflow: hidden;
}

/*-----End of Flot -------*/
/*--------------------------------
Login Box
--------------------------------*/


#login_box {
	display: block;
	position: relative;
	width: 500px;
	margin:0 auto 0;
}

#login_box a#login_logo {
	/*background: transparent url("https://sanpablo.edcl.com.ar/assets/get/img/adminica_logo_black-trans.png") 0 -15px no-repeat;*/
	background: transparent;
	position: relative;
	display: block;
	height: 67px;
	width: 253px;
}

#login_box a#login_logo span {
	visibility: hidden;
}

.slider_unlock {
	height: 32px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	background: rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: inset 0px 0px 2px 0px #bbb;
	-moz-box-shadow: inset 0px 0px 2px 0px #bbb;
	box-shadow: inset 0px 0px 2px 0px #bbb;
}

.slider_unlock .ui-slider-range {
	margin: 0;
	height: 32px;
}

.slider_unlock .ui-slider-handle {
	background: white;
	height: 32px;
	width: 32px;
	margin-left: 0;
	top: 0;
	background: transparent url("https://sanpablo.edcl.com.ar/assets/get/img/unlock_slider.png");
}

.slider_unlock .unlock_message {
	margin: 0;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

/*-----End of Login Page -------*/


/*--------------------------------
Corners, Shadows & Highlights
--------------------------------*/
.text_shadow {
	text-shadow: 0px 1px 1px #000;
}

.text_highlight {
	text-shadow: 0px 1px 0px #fff;
}

.round_all,.box.no_titlebar .block,button, .dark_box, .side_accordion, .side_links, div.main_container .box h2.box_head.round_all,.ui-dialog .box h2.box_head.round_all, #sidebar ,div.main_container .box,.ui-dialog .box,.alert,.indent,div.main_container .gallery ul li a,.ui-slider-range,.ui-multiselect,.single_datatable .dataTables_filter input,.ui-multiselect input.search,
.breadcrumb,
ul.breadcrumb,
#login_box,
body .box .ui-multiselect input.search {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.flat_area h2,body round_all_small,.box .block input,.box .block textarea,#login_box .LV_validation_message,.dataTables_wrapper .ui-widget-header select,.slider_unlock,.slider_unlock.ui-slider-horizontal .ui-slider-range,.slider_unlock.ui-slider-horizontal .ui-slider-handle {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.round_bottom,.box .block,
.side_accordion > li:last-child > a,
.side_accordion > li:last-child,
.side_links li:last-child,
.side_links li:last-child a,
li:last-child ul.drawer,
li:last-child ul.drawer li,
li:last-child ul.drawer li:last-child a,
.button_bar,
.navigation-bar ul li ul.dropdown li:last-child a,.navigation-bar ul li ul.dropdown,.navigation-bar ul li ul.dropdown li:last-child ul.drawer li:last-child,.navigation-bar ul li ul.dropdown li:last-child ul.drawer li:last-child a,li:last-child .content_accordion .content,.content_accordion li:last-child .content,span.form_tag,.content_accordion li:last-child h3.bar,.dataTables_wrapper .ui-corner-bl,body .navigation-bar ul li.current:last-child a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.round_top,.side_accordion li:first-child a,.side_accordion li:first-child,.side_links li:first-child,.side_links li:first-child a,.box h2.box_head,.tabs ul.tab_header,.tabs ul.tab_header li a,.block .content_accordion li:first-child h3.bar,.box.no_titlebar,.box.no_titlebar li:first-child,.box.no_titlebar li:first-child h3,.dataTables_wrapper .ui-corner-tl,.ui-datepicker .ui-datepicker-header,
.ui-dialog .ui-dialog-titlebar{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.round_left,div.main_container .tabs ul.tab_sider,div.main_container .tabs ul.tab_sider li a,.dataTables_wrapper .dataTables_paginate span.first,
ul.breadcrumb > li:first-child {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.round_right,.box .block.tab_sider,.dataTables_wrapper .dataTables_paginate span.last,
ul.breadcrumb > li:last-child {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.round_ynnn,.navigation-bar ul li:first-child a,.navigation-bar ul li:first-child,.fc thead tr th.fc-first, .ui-multiselect .selected .ui-widget-header  {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.round_nnyn, .navigation-bar ul li:last-child a, .navigation-bar ul li:last-child{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.round_nynn .fc thead tr th.fc-last, .ui-multiselect .available .ui-widget-header  {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

.round_none,.content_accordion li h3.bar.ui-state-active {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */
.grad_black, 
button,
.calendar_grad,
.dark_box, .navigation-bar > ul > li.current > a, .box_head, .tab_header, .tab_sider, #login_box #bar, .user_box, #search_side, .wizard .wizard_steps ul, .dataTables_wrapper .ui-widget-header, .ui-button .ui-state-active, .ui-widget-header .ui-state-active, .ui-buttonset .ui-button.ui-state-active, .ui-multiselect .ui-widget-header, .ui-slider .ui-slider-range, .slider-content .selected .title, .fc-header .fc-state-active, .fc-header .ui-state-active {
    background-color: #4c5766;
    border-color: #313841;
    color: #fff;
	text-shadow: 0 1px 0 #000;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c5766), to(#313841)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4c5766, #313841); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #4c5766, #313841); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #4c5766, #313841); /* IE10 */
	background-image:      -o-linear-gradient(top, #4c5766, #313841); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #4c5766, #313841);
    }
    
.grad_black_reverse,
button:hover{
	background-color: #313841;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#313841), to(#4c5766)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #313841, #4c5766); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #313841, #4c5766); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #313841, #4c5766); /* IE10 */
	background-image:      -o-linear-gradient(top, #313841, #4c5766); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #313841, #4c5766);
}

/* Grey Header Gradients eg. Nav, Sidebar, Accordion, etc. */
.grad_grey, 
button.light,
.alert_light,
.ui-multiselect li,
.side_accordion > li, .navigation-bar > ul > li, .navigation-bar > ul > li > ul.dropdown li, .breadcrumb, .toggle_all, .content_accordion h3.bar, .dataTables_wrapper table thead, .dataTables_scrollHead, .dataTables_paginate span.fg-button, .list_slider .slider-nav, .slider-content .title, .list_slider .slide-up, .list_slider .slide-down, .side_links li a, .tabs ul.tab_header li a, .tabs ul.tab_sider li a, .fc .fc-agenda-slots tr th, table.static thead tr th, .wizard .wizard_steps ul li.current, .alert_light, #wrapper div.main_container .box.light h2.box_head,.ui-dialog .box.light h2.box_head,
.ui-datepicker-header {
    color: #333;
    border-color: #aaa;
    text-shadow: 0 1px 0 #fff;
    
    background-color: #E6ECEF;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#D0D6DA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E6ECEF, #D0D6DA); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E6ECEF, #D0D6DA); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E6ECEF, #D0D6DA); /* IE10 */
	background-image:      -o-linear-gradient(top, #E6ECEF, #D0D6DA); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E6ECEF, #D0D6DA);
}

.grad_grey_reverse,
button.light:hover,
.alert_light:hover{
    background-color: #D0D6DA;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D0D6DA), to(#E6ECEF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #D0D6DA, #E6ECEF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #D0D6DA, #E6ECEF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #D0D6DA, #E6ECEF); /* IE10 */
	background-image:      -o-linear-gradient(top, #D0D6DA, #E6ECEF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #D0D6DA, #E6ECEF);
}


.grad_grey_light,
.el-finder-toolbar ul, .el-finder-statusbar, .button_bar {
    background-color: #E6ECEF;
    border-color: #d9e1e5;
    text-shadow: 0 1px 0 #fff;
    
    background-color: #E6ECEF;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#d9e1e5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E6ECEF, #d9e1e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E6ECEF, #d9e1e5); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E6ECEF, #d9e1e5); /* IE10 */
	background-image:      -o-linear-gradient(top, #E6ECEF, #d9e1e5); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E6ECEF, #d9e1e5);
}
.grad_grey_light_reverse{
    background-color: #d9e1e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9e1e5), to(#eee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d9e1e5, #E6ECEF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #d9e1e5, #E6ECEF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d9e1e5, #E6ECEF); /* IE10 */
	background-image:      -o-linear-gradient(top, #d9e1e5, #E6ECEF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #d9e1e5, #E6ECEF);
}


.grad_white {
    border-color: #AAA;
    text-shadow: 0 1px 0 #fff;
    
    background-color: #FFFFFF;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #EAEAEA); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FFFFFF, #EAEAEA); /* IE10 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #EAEAEA); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #FFFFFF, #EAEAEA);
}
.grad_white_reverse {
    background-color: #FAFAFA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#FFFFFF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FAFAFA, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FAFAFA, #FFFFFF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FAFAFA, #FFFFFF); /* IE10 */
	background-image:      -o-linear-gradient(top, #FAFAFA, #FFFFFF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #FAFAFA, #FFFFFF);
}


button{
	color: #fff;
	border: 1px solid #000;
	text-shadow: 0 1px 0 #000;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: background 5000ms ease-in;
    } 
button:hover {}
    
button.light{ 
	color: #666;
	border-color: #aaa;
	text-shadow: 0 1px 0 #fff;   
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
	}
button.light:hover {}

button.on_dark {
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset
    }
    
#bg_light{display:none !important;}

/* Colours */

.grad_black, button.black, .alert_black, .calendar_black {
	background-color: #4c5766;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c5766), to(#313841)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4c5766, #313841); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #4c5766, #313841); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #4c5766, #313841); /* IE10 */
	background-image:      -o-linear-gradient(top, #4c5766, #313841); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #4c5766, #313841);
	
	border: 1px solid #313841;
	
}

.grad_black_reverse, button.black:hover, .alert_black:hover, .calendar_black_hover {
	background-color: #313841;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#313841), to(#4c5766)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #313841, #4c5766); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #313841, #4c5766); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #313841, #4c5766); /* IE10 */
	background-image:      -o-linear-gradient(top, #313841, #4c5766); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #313841, #4c5766);
}

.grad_blue, button.blue, .alert_blue, .calendar_blue {
	background-color: #1C5EA0;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #1C5EA0, #064792); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #1C5EA0, #064792); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #1C5EA0, #064792); /* IE10 */
	background-image:      -o-linear-gradient(top, #1C5EA0, #064792); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #1C5EA0, #064792);
	
	border: 1px solid #064792;
}

.grad_blue_reverse, button.blue:hover, .alert_blue:hover, .calendar_blue:hover {
	background-color: #064792;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#064792), to(#1C5EA0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #064792, #1C5EA0); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #064792, #1C5EA0); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #064792, #1C5EA0); /* IE10 */
	background-image:      -o-linear-gradient(top, #064792, #1C5EA0); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #064792, #1C5EA0);	
}

.grad_red, button.red, .alert_red, .alert_circle.alert_red, .calendar_red {
	background-color: #9e253b;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9e253b), to(#7C1F30)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #9e253b, #7C1F30); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #9e253b, #7C1F30); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #9e253b, #7C1F30); /* IE10 */
	background-image:      -o-linear-gradient(top, #9e253b, #7C1F30); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #9e253b, #7C1F30);
	
	border: 1px solid #7C1F30;
	color: #fff;
}

.grad_red_reverse, button.red:hover, .alert_red:hover, .calendar_red:hover {
	background-color: #7C1F30;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7C1F30), to(#9e253b)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7C1F30, #9e253b); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #7C1F30, #9e253b); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #7C1F30, #9e253b); /* IE10 */
	background-image:      -o-linear-gradient(top, #7C1F30, #9e253b); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #7C1F30, #9e253b);	
}

.grad_orange, button.orange, .alert_orange, .alert_circle.alert_orange, .calendar_orange {
	background-color: #F98D35;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F98D35), to(#E46F23)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #F98D35, #E46F23); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #F98D35, #E46F23); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #F98D35, #E46F23); /* IE10 */
	background-image:      -o-linear-gradient(top, #F98D35, #E46F23); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #F98D35, #E46F23);
	
	border: 1px solid #E46F23;
}

.grad_orange_reverse, button.orange:hover, .alert_orange:hover, .calendar_orange:hover {
	background-color: #E46F23;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E46F23), to(#F98D35)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E46F23, #F98D35); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E46F23, #F98D35); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E46F23, #F98D35); /* IE10 */
	background-image:      -o-linear-gradient(top, #E46F23, #F98D35); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E46F23, #F98D35);	
}

.grad_brown, button.brown, .alert_brown  {
	background-color: #53453e;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#53453e), to(#3b2e28)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #53453e, #3b2e28); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #53453e, #3b2e28); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #53453e, #3b2e28); /* IE10 */
	background-image:      -o-linear-gradient(top, #53453e, #3b2e28); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #53453e, #3b2e28);
	
	border: 1px solid #3b2e28;
}

.grad_brown_reverse, button.brown:hover, .alert_brown:hover, .calendar_brown:hover  {
	background-color: #3b2e28;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3b2e28), to(#53453e)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #3b2e28, #53453e); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #3b2e28, #53453e); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #3b2e28, #53453e); /* IE10 */
	background-image:      -o-linear-gradient(top, #3b2e28, #53453e); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #3b2e28, #53453e);	
}

.grad_yellow, button.yellow, .alert_yellow  {
	background-color: #fffbc9;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffbc9), to(#fcf6a6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fffbc9, #fcf6a6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #fffbc9, #fcf6a6); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fffbc9, #fcf6a6); /* IE10 */
	background-image:      -o-linear-gradient(top, #fffbc9, #fcf6a6); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fffbc9, #fcf6a6);
	
	border: 1px solid #CFCFCF;
}

.grad_yellow_reverse, button.yellow:hover, .alert_yellow:hover, .calendar_yellow:hover  {
	background-color: #fffbc9;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffbc9), to(#fffbc9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fffbc9, #fffbc9); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #fffbc9, #fffbc9); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fffbc9, #fffbc9); /* IE10 */
	background-image:      -o-linear-gradient(top, #fffbc9, #fffbc9); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fffbc9, #fffbc9);	
}

.grad_purple, button.purple, .alert_purple  {
	background-color: #dcd0ff;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dcd0ff), to(#d2c2ff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #dcd0ff, #d2c2ff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #dcd0ff, #d2c2ff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #dcd0ff, #d2c2ff); /* IE10 */
	background-image:      -o-linear-gradient(top, #dcd0ff, #d2c2ff); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #dcd0ff, #d2c2ff);
	
	border: 1px solid #3b2e28;
}

.grad_purple_reverse, button.purple:hover, .alert_purple:hover, .calendar_purple:hover  {
	background-color: #d2c2ff;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d2c2ff), to(#dcd0ff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d2c2ff, #dcd0ff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #d2c2ff, #dcd0ff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d2c2ff, #dcd0ff); /* IE10 */
	background-image:      -o-linear-gradient(top, #d2c2ff, #dcd0ff); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #d2c2ff, #dcd0ff);	
}

.grad_green, button.green, .alert_green, .calendar_green {
	background-color: #3d8336;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3d8336), to(#277423)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #3d8336, #277423); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #3d8336, #277423); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #3d8336, #277423); /* IE10 */
	background-image:      -o-linear-gradient(top, #3d8336, #277423); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #3d8336, #277423);
	
	border: 1px solid #277423;
}

.grad_green_reverse, button.green:hover, .alert_green:hover, .calendar_green:hover {
	background-color: #277423;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#277423), to(#3d8336)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #277423, #3d8336); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #277423, #3d8336); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #277423, #3d8336); /* IE10 */
	background-image:      -o-linear-gradient(top, #277423, #3d8336); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #277423, #3d8336);	
}

.grad_magenta, button.magenta, .alert_magenta, .calendar_magenta {
	background-color: #9b6ca6;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9b6ca6), to(#8d579a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #9b6ca6, #8d579a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #9b6ca6, #8d579a); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #9b6ca6, #8d579a); /* IE10 */
	background-image:      -o-linear-gradient(top, #9b6ca6, #8d579a); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #9b6ca6, #8d579a);
	
	border: 1px solid #8d579a;
}

.grad_magenta_reverse, button.magenta:hover, .alert_magenta:hover, .calendar_magenta:hover {
	background-color: #8d579a;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8d579a), to(#9b6ca6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #8d579a, #9b6ca6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #8d579a, #9b6ca6); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #8d579a, #9b6ca6); /* IE10 */
	background-image:      -o-linear-gradient(top, #8d579a, #9b6ca6); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #8d579a, #9b6ca6);	
}

.grad_navy, button.navy, .alert_navy, .calendar_navy {
	background-color: #2b4356;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2b4356), to(#122b45)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #2b4356, #122b45); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #2b4356, #122b45); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #2b4356, #122b45); /* IE10 */
	background-image:      -o-linear-gradient(top, #2b4356, #122b45); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #2b4356, #122b45);
	
	border: 1px solid #122b45;
}

.grad_navy_reverse, button.navy:hover, .alert_navy:hover, .calendar_navy:hover {
	background-color: #122b45;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#122b45), to(#2b4356)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #122b45, #2b4356); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #122b45, #2b4356); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #122b45, #2b4356); /* IE10 */
	background-image:      -o-linear-gradient(top, #122b45, #2b4356); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #122b45, #2b4356);
}

.grad_grey_dark, button.grey, .alert_grey, .calendar_grey, .calendar_grey > .fc-event-skin {
    background: #959ba2;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#959ba2), to(#6A737F)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #959ba2, #6A737F); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #959ba2, #6A737F); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #959ba2, #6A737F); /* IE10 */
	background-image:      -o-linear-gradient(top, #959ba2, #6A737F); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #959ba2, #6A737F);
	
    border: 1px solid #6A737F;
}

.grad_grey_dark_reverse, button.grey:hover, .alert_grey:hover, .calendar_grey:hover {
    background: #6A737F;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6A737F), to(#959ba2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #6A737F, #959ba2); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #6A737F, #959ba2); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #6A737F, #959ba2); /* IE10 */
	background-image:      -o-linear-gradient(top, #6A737F, #959ba2); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #6A737F, #959ba2);
}

.grad_grey, button.light, .alert_light:hover {
    color: #333;
    border-color: #bccbd2;
    text-shadow: 0 1px 0 #fff;
    
    background-color: #E6ECEF;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#D0D6DA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E6ECEF, #D0D6DA); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E6ECEF, #D0D6DA); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E6ECEF, #D0D6DA); /* IE10 */
	background-image:      -o-linear-gradient(top, #E6ECEF, #D0D6DA); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E6ECEF, #D0D6DA);
}

.grad_grey_reverse, button.light:hover, .alert_light:hover {
    background-color: #D0D6DA;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D0D6DA), to(#E6ECEF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #D0D6DA, #E6ECEF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #D0D6DA, #E6ECEF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #D0D6DA, #E6ECEF); /* IE10 */
	background-image:      -o-linear-gradient(top, #D0D6DA, #E6ECEF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #D0D6DA, #E6ECEF);
}


/* BackGround Colors */

.bg_yellow{
	background-color: #ffc;
}

.bg_red{
	background-color: #ffe0e0;
}

.bg_green{
	background-color: #deffde;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}



/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://sanpablo.edcl.com.ar/assets/get/fonts/OpenSans.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://sanpablo.edcl.com.ar/assets/get/fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), local('DroidSans'), url('https://sanpablo.edcl.com.ar/assets/get/fonts/DroidSans.woff') format('woff');
}
*/

@page {
	size: A4;
	margin: 25px;
}

@media all {
	.print-page-break	{ display: none !important; }
	.print-no-break	{ page-break-inside: avoid !important; }
}

@media print {
	.print-page-break	{ display: block !important; page-break-before: always !important; }
	.print-no-break	{ page-break-inside: avoid !important; }
}

/**
* Base styles
*/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "Open Sans", "sans-serif", "Arial";
}

table {
	border-collapse: collapse;
	background: #fff;
}
table caption { /* Bugfix FF */
	margin-left: -1px;
}
table tr.even td {
	background: inherit;
}

img[src=""] {
	display: none;
}

textarea {
	min-width: 180px;
	min-height: 60px;
}

.print-only {
	display: none !important;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blockUI.blockOverlay,
.loading-content {
	cursor: wait;
}
.loading-content {
	background:url("https://sanpablo.edcl.com.ar/assets/get/img/ajax-loader.gif") no-repeat center;
	opacity: 0.3;
	min-width: 32px;
	min-height: 32px;
}

div.message {
	width: auto;
	display: block;
	margin: 10px auto;
	text-align: center;
}
#site-messages,
#site-toast-messages,
#response-messages,
.message.fixed {
	position: fixed;
	cursor: pointer;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 10px;
	margin: 0;
	font-size: 1.6em;
	font-weight: bold;
	z-index: 9998;
	opacity: 0.85;
}
#site-messages strong,
#site-toast-messages strong,
#response-messages strong,
.message.fixed strong {
	font-size: 1.7em;
}
#site-toast-messages {
	left: 25%;
	right: 25%;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	z-index: 9999;
}

.printable-template-container {
	display: block;
}
.printable-template-container .printable-template-header,
.printable-template-container .printable-template-footer {
	/*display: none;*/
	text-align: center;
	background-color: white;
	margin: auto;
	padding: 0;
	width: auto;
}
.printable-template-container .printable-template-header > img,
.printable-template-container .printable-template-footer > img {
	width: 100%;
	max-width: 1000px;
	max-height: 350px;
	margin: auto;
}

disabled-div.navigation-bar > ul > li,
disabled-div.navigation-bar > ul > li > ul,
disabled-div.navigation-bar > ul > li > ul.dropdown li,
disabled-div.navigation-bar ul li ul.dropdown,
disabled-div.navigation-bar ul li ul.dropdown > li,
disabled-div.navigation-bar ul li {
    border-color: #d9e1e5;
	color: #fff;
    text-shadow: 0 1px 0 #fff;
    background-color: #E6ECEF;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#d9e1e5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E6ECEF, #d9e1e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E6ECEF, #d9e1e5); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E6ECEF, #d9e1e5); /* IE10 */
	background-image:      -o-linear-gradient(top, #E6ECEF, #d9e1e5); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E6ECEF, #d9e1e5);
}
div.navigation-bar > ul > li:hover,
div.navigation-bar > ul > li > ul:hover,
div.navigation-bar > ul > li > ul.dropdown li:hover,
div.navigation-bar ul li ul.dropdown:hover,
div.navigation-bar ul li ul.dropdown > li:hover,
div.navigation-bar ul li:hover {
	color: #fff;
    text-shadow: 0 2px 0 #000;
	background-color: #d9e1e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9e1e5), to(#E6ECEF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d9e1e5, #E6ECEF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #d9e1e5, #E6ECEF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d9e1e5, #E6ECEF); /* IE10 */
	background-image:      -o-linear-gradient(top, #d9e1e5, #E6ECEF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #d9e1e5, #E6ECEF);
}

.tooltip {
	cursor: help;
}
.tooltip .tooltip-content {
	display: none !important;
}
button.tooltip, a.tooltip {
	cursor: pointer;
}
span.tooltip.tt-underline {
	border-bottom: 1px dotted;
	border-bottom-color: inherit;
}
span.tooltip.tt-underline:hover {
	border-bottom: 1px dashed;
}

button.icon_only.small {
	margin: 1px;
	padding: 0;
	height: 24px;
	width: 24px;
	text-align: center;
	vertical-align: middle;
}

button.icon_only.small img {
	width: 20px;
	height: 20px;
	margin: auto;
}

button.icon_only.rounded {
	border-radius: 25px;
}
button.icon_only.small.rounded img {
	width: 22px;
	height: 22px;
}
@-moz-document url-prefix() { /* Fix for FF!*/
    button.icon_only.small.rounded img {
		margin-left: -2px;
	}
}

.cursor-help,
label[title],
span[title] {
	cursor: help;
}
.cursor-pointer,
.action-modal,
tr.action-modal > *,
.button,
.ajax-load,
.ajax-load-ifame {
	cursor: pointer;
}

.keyword {
	text-decoration: underline;
	cursor: pointer;
}
.keyword:hover {
	text-decoration: none;
}

ul.unstyled {
	list-style: none !important;
}

.greentext { color: darkgreen; font-weight: bold; }
.redtext { color: #e44000; font-weight: bold; }

.hidden {
	display:none !important;
}
.hidden-opacity {
	opacity: 0 !important;
}

.width-100 {
	width: 100% !important;
}
.width-90 {
	width: 90% !important;
}
.width-80 {
	width: 80% !important;
}
.width-75 {
	width: 75% !important;
}
.width-70 {
	width: 70% !important;
}
.width-66 {
	width: 66% !important;
}
.width-60 {
	width: 60% !important;
}
.width-50 {
	width: 50% !important;
}
.width-40 {
	width: 40% !important;
}
.width-33 {
	width: 33% !important;
}
.width-30 {
	width: 30% !important;
}
.width-25 {
	width: 25% !important;
}
.width-20 {
	width: 20% !important;
}
.width-10 {
	width: 10% !important;
}

.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}

.align-center {
	text-align: center !important;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}
.align-top {
	vertical-align: top;
}
.align-middle {
	vertical-align: middle;
}
.align-bottom {
	vertical-align: bottom;
}

.margin-auto {
	margin: auto !important;
}
.margin-none {
	margin: 0 !important;
}
.margin-normal {
  margin: 10px !important;
}
.margin-top,
.margin-top-normal {
  margin-top: 10px !important;
}
.margin-right,
.margin-right-normal {
  margin-right: 10px !important;
}
.margin-bottom,
.margin-bottom-normal {
  margin-bottom: 10px !important;
}
.margin-left,
.margin-left-normal {
  margin-left: 10px !important;
}
.margin-small {
  margin: 5px !important;
}
.margin-top-small {
  margin-top: 5px !important;
}
.margin-right-small {
  margin-right: 5px !important;
}
.margin-bottom-small {
  margin-bottom: 5px !important;
}
.margin-left-small {
  margin-left: 5px !important;
}
.margin-big {
  margin: 20px !important;
}
.margin-top-big {
  margin-top: 20px !important;
}
.margin-right-big {
  margin-right: 20px !important;
}
.margin-bottom-big {
  margin-bottom: 20px !important;
}
.margin-left-big {
  margin-left: 20px !important;
}
.margin-bigger {
  margin: 30px !important;
}
.margin-top-bigger {
  margin-top: 30px !important;
}
.margin-right-bigger {
  margin-right: 30px !important;
}
.margin-bottom-bigger {
  margin-bottom: 30px !important;
}
.margin-left-bigger {
  margin-left: 30px !important;
}
.margin-biggest {
  margin: 40px !important;
}
.margin-top-biggest {
  margin-top: 40px !important;
}
.margin-right-biggest {
  margin-right: 40px !important;
}
.margin-bottom-biggest {
  margin-bottom: 40px !important;
}
.margin-left-biggest {
  margin-left: 40px !important;
}

.padding-normal {
  padding: 10px !important;
}
.padding-top,
.padding-top-normal {
  padding-top: 10px !important;
}
.padding-right,
.padding-right-normal {
  padding-right: 10px !important;
}
.padding-bottom,
.padding-bottom-normal {
  padding-bottom: 10px !important;
}
.padding-left,
.padding-left-normal {
  padding-left: 10px !important;
}
.padding-small {
  padding: 5px !important;
}
.padding-top-small {
  padding-top: 5px !important;
}
.padding-right-small {
  padding-right: 5px !important;
}
.padding-bottom-small {
  padding-bottom: 5px !important;
}
.padding-left-small {
  padding-left: 5px !important;
}
.padding-big {
  padding: 20px !important;
}
.padding-top-big {
  padding-top: 20px !important;
}
.padding-right-big {
  padding-right: 20px !important;
}
.padding-bottom-big {
  padding-bottom: 20px !important;
}
.padding-left-big {
  padding-left: 20px !important;
}
.padding-bigger {
  padding: 30px !important;
}
.padding-top-bigger {
  padding-top: 30px !important;
}
.padding-right-bigger {
  padding-right: 30px !important;
}
.padding-bottom-bigger {
  padding-bottom: 30px !important;
}
.padding-left-bigger {
  padding-left: 30px !important;
}
.padding-biggest {
  padding: 40px !important;
}
.padding-top-biggest {
  padding-top: 40px !important;
}
.padding-right-biggest {
  padding-right: 40px !important;
}
.padding-bottom-biggest {
  padding-bottom: 40px !important;
}
.padding-left-biggest {
  padding-left: 40px !important;
}

small {
	font-size: 80% !important;
}
big {
	font-size: 120% !important;
}
bigger {
	font-size: 150% !important;
}

input.short {
	width: 80px !important;
}
input.shorter {
	width: 60px !important;
}
input.shortest {
	width: 40px !important;
}

.as-table {
	display: table;
}
.as-row {
	display: table-row;
}
.as-cell {
	display: table-cell;
}
.inline-block {
	display: inline-block;
}
.clear {
	clear: both;
}

.monospace {
	font-family: "Lucida Console", Monaco, monospace;
}
.bold {
	font-weight: bold !important;
}
.bolder {
	font-weight: bolder !important;
}
.underline {
	text-decoration: underline !important;
}
.italic {
	font-style: italic !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.big {
	font-size: 120% !important;
}
.bigger {
	font-size: 150% !important;
}
.biggest {
	font-size: 200% !important;
}
.small {
	font-size: 80% !important;
}
.smaller {
	font-size: 60% !important;
}
.smallest {
	font-size: 30% !important;
}
.big,
.bigger,
.biggest,
.small,
.smaller,
.smallest {
	margin: auto;
	padding: 0;
}

.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center,
.center {
	text-align: center !important;
}
.text-center-middle,
.center-middle {
	text-align: center !important;
	vertical-align: middle !important;
}
.nowrap,
.no-wrap {
	white-space: nowrap !important;
}

.borderless {
	border: none !important;
}
.backgroundless {
	background: none !important;
}

.text-vertical,
.vertical-text {
	/* IE specific rotation code */
	writing-mode: tb-rl;
	-webkit-writing-mode: horizontal-tb;
	-moz-writing-mode: horizontal-tb;
	filter: flipv fliph;
	
	-webkit-transform: rotate(270deg);	
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.validation-error,
label.validation-error {
	text-align: left;
	white-space: normal;
	padding: 0 5px 0 20px;
}

.html-template {
	display: none;
}

fieldset.required label:after,
label.required:after {
	content: " (*)";
}


/**
* General UI styles
*/
.ui-widget { font-family: inherit; font-size: inherit; }
.ui-widget .ui-widget { font-size: inherit; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; }

.ui-widget-header {
	background-image: none;
}

.ui-dialog {
	min-width: 400px;
	max-width: 90%;
}
.ui-dialog .ui-dialog-content {
	
}
.ui-dialog .ui-dialog-content > div {
	margin: 0;
}
.ui-dialog .ui-dialog-content div.main_container {
	margin: 0;
	padding: 0;
}

.ui-dialog.dialog-confirm .ui-dialog-content {
	padding: 15px;
}

.ui-dialog.form-contact-dialog {
	min-width: 770px;
	width: 70% !important;
}

#fancybox-title-outside {
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
}
.fancybox {
	cursor: pointer;
}


/**
* Autocomplete styles
*/
.ui-autocomplete {
	max-height: 160px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ui-autocomplete-container {
	display: inline-block;
	vertical-align: middle;
}
.ui-autocomplete-container input.ui-autocomplete-input {
	border-radius: 0;
	margin: 0;
	margin-right: -1px;
	margin-bottom: 6px;
	height: 22px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #B6B6B6;
    box-shadow: 0 0 2px 0 #DDDDDD inset;
}
.ui-autocomplete-container button.ui-button {
    width: 20px;
	height: 26px;
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
	border-radius: 0;
	vertical-align: bottom;
}
.ui-autocomplete-container button .ui-icon {
	/*margin-top: -18px;*/
	vertical-align: bottom;
}
.ui-autocomplete-container button .ui-button-text {
	display: none;
}

input.ui-autocomplete-input.spinner-loading {
	background:url("https://sanpablo.edcl.com.ar/assets/get/img/ajax-loader.gif") no-repeat right #ffecbd;
}


/**
* Datepicker styles
*/
input.datepicker {
	padding: 0 !important;
	text-align: center !important;
	/*text-align: left;*/
}
input.datepicker.dp-datetime {
	width: 12.5em;
	width: 190px !important;
}
input.datepicker.dp-date {
	width: 9em;
	width: 80px !important;
}
input.datepicker.dp-time {
	width: 3em;
	width: 50px !important;
}
.datepicker .dp-open {
	text-align: center;
}
.datepicker .dp-clear {
	text-align: center;
}

.ui-datepicker {
	z-index: 10000 !important;
}
.ui-datepicker-trigger {
	height: 25px;
	width: 25px;
	vertical-align: middle;
	cursor: pointer;
}


/**
* Calendar styles
*/
.calendar-container div.ftitle {
	font-size: 22px;
	font-weight: bold;
	height: 30px;
}
.calendar-container div.ctoolbar {
	font-size: 20px;
	font-weight: bold;
	height: 36px;
}
.calendar-container div.ctoolbar div.btnseparator,
.calendar-container div.ctoolbar div.fbutton,
.calendar-container div.ctoolbar div.fbutton.fcurrent,
.calendar-container div.ctoolbar div.fbutton span,
.calendar-container div.ctoolbar div.fshowdatep span {
	height: 34px;
}
.calendar-container div.ctoolbar div.fbutton span.fprev,
.calendar-container div.ctoolbar div.fbutton span.fnext {
	height: 24px;
	width: 30px;
}
.calendar-container .mv-daynames-table th.mv-dayname {
	font-size: 14px;
	font-weight: bold;
}
.calendar-container .st-dtitle {
	font-weight: normal;
	color: gray;
}
.calendar-container .st-dtitle:not(.st-dtitle-nonmonth) {
	font-weight: bold;
	color: black;
}

#bbit-cal-buddle .bubble-table {
	
}
#bbit-cal-buddle .bubble-table .bubble-mid {
	
}
#bbit-cal-buddle .bubble-table .bubble-mid .cb-root table.cb-table tr >* {
	display: none;
}
#bbit-cal-buddle .bubble-table .bubble-mid .cb-root table.cb-table tr:first-of-type >td {
	display: table-cell;
	font-weight: bold;
	font-size: 1.5em
}
#bbit-cal-buddle .bubble-table .bubble-mid .cb-root #bbit-cal-quickAddBTN {
	display: none;
}
#bbit-cal-buddle .bubble-table .bubble-mid .cb-root #bbit-cal-editLink {
	font-weight: bold;
	font-size: 2em;
}

.xdsoft_calendar td.xdsoft_date {
	vertical-align: middle;
}


/**
* Validator styles
*/
.validator-error,
legend.validator-error {
	background: none repeat scroll 0 0 #FBE3E4;
}
legend.validator-error {
	width: auto;
	display: block;
	margin: 0 auto 5px auto;
	padding: 1px;
	text-align: center;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
	font-weight: normal;
	font-size: 12px;
}


/**
* Darkroom styles
*/
.darkroom-container,
.darkroom-container .darkroom-toolbar {
	z-index: 1111;
}
.darkroom-container .darkroom-toolbar {
	border-radius: 22px;
}
.darkroom-container canvas {
	cursor: crosshair !important;
	background: transparent !important;
}

/**
* DataTables styles
*/
.dataTables-container {
	min-width: 200px;
}

.dataTables-container .dataTables_length {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	white-space: nowrap;
	line-height: 30px;
}
.dataTables-container .dataTables_length .selector {
	margin: 0;
}

.dataTables-container .dataTables_info {
	float: none;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}
.dataTables-container .dataTables_info b {
	font-size: 125%;
}

.dataTables-container .dataTables_paginate {
	float: right;
	margin-left: 20px;
	margin-right: 0px;
}

.dataTables-container .DataTables_sort_wrapper {
	/*height: 30px;*/
	line-height: 30px;
	margin: 0;
	padding: 0px 20px 4px 5px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	text-shadow: 0 1px 0 #FFFFFF;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
}
.dataTables-container .DataTables_sort_wrapper span {
	position: absolute;
	left: auto;
	right: 2px;
	top: 8px;
}
.dataTables-container .actions-first .DataTables_sort_wrapper {
	cursor: pointer;
	text-align: center;
	padding: 0;
}
.dataTables-container .actions-last .DataTables_sort_wrapper {
	cursor: default;
}

.dataTables-container table {
	margin: 0;
	width: 100%;
}
.dataTables-container table.non-sort thead th div{
	cursor:default !important;
}

.dataTables-container table tbody tr.extended-message {
	cursor: pointer;
}
.dataTables-container table tbody tr.extended-message td .extended-message-body {
	display: none;
}
.dataTables-container table tbody td.extended-message-content {
	background-color: #BBF;
}
.dataTables-container table tbody td.extended-message-content ul {
	list-style-position:inside;
	padding: 0;
}

.dataTables-container table.grid > thead {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #AAAAAA;
}
.dataTables-container table.grid > thead .ui-state-default,
.dataTables-container table.grid > thead tr th {
	height: 30px;
	line-height: 30px;
	border: none !important;
	background-color: #E6ECEF;
	background-image: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6ECEF), to(#D0D6DA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E6ECEF, #D0D6DA); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E6ECEF, #D0D6DA); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E6ECEF, #D0D6DA); /* IE10 */
	background-image:      -o-linear-gradient(top, #E6ECEF, #D0D6DA); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E6ECEF, #D0D6DA);
    border-color: #AAAAAA;
    color: #333333;
	font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
	text-align: center;
	position: relative;
}
.dataTables-container table.grid > thead .ui-state-default:hover,
.dataTables-container table.grid > thead tr th:hover {
	background-color: #F5F5F5;
	background-image: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E0E6EA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #F5F5F5, #E0E6EA); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #F5F5F5, #E0E6EA); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #F5F5F5, #E0E6EA); /* IE10 */
	background-image:      -o-linear-gradient(top, #F5F5F5, #E0E6EA); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #F5F5F5, #E0E6EA);
}

.dataTables-container table.grid.display > tbody tr td,
.dataTables-container table.grid.static > tbody tr td {
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
}
.dataTables-container table.grid.display > tbody tr.odd,
.dataTables-container table.grid.static > tbody tr.odd {
	background-color: #fafafa;
	border-bottom: 1px solid #d8dcde;
}
.dataTables-container table.grid.display > tbody tr.even,
.dataTables-container table.grid.static > tbody tr.even {
	background-color: #f0f0f0;
	border-bottom: 1px solid #e1e5e7;
}
.dataTables-container table.grid.display > tbody tr.odd:hover,
.dataTables-container table.grid.display > tbody tr.even:hover,
.dataTables-container table.grid.static > tbody tr.odd:hover,
.dataTables-container table.grid.static > tbody tr.even:hover {
	background-color: #E6ECEF;
}
.dataTables-container table.grid.display > tbody .dataTables_empty,
.dataTables-container table.grid.static > tbody .dataTables_empty {
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	padding: 20px 0;
}
.dataTables-container table.grid thead th.actions,
.dataTables-container table.grid tbody td.actions {
	padding: 0 2px;
	white-space: nowrap;	
}
.dataTables-container table.grid tbody td.actions button.grid-action span {
	display: none;	
}
.dataTables-container table.grid thead th.actions-first,
.dataTables-container table.grid tbody td.actions-first {
	padding: 0;
	width: 18px;
	text-align: center;
}

.dataTables-container table.grid thead th.actions-last,
.dataTables-container table.grid tbody td.actions-last {
	width: 50px;
	cursor: default;
	text-align: center;
}
.dataTables-container table.grid thead th.no-actions,
.dataTables-container table.grid thead th.no-actions .DataTables_sort_wrapper,
.dataTables-container table.grid thead th.no-sort,
.dataTables-container table.grid thead th.no-sort .DataTables_sort_wrapper,
.dataTables-container table.grid thead th.no-order,
.dataTables-container table.grid thead th.no-order .DataTables_sort_wrapper {
	cursor: default;
}

.dataTables-container table.grid tbody tr.highlight td {
	background: -moz-linear-gradient(center top , rgba(255,255,155,0), rgba(230,230,230,1)) repeat scroll 0 0 transparent;
}
.dataTables-container table.grid tbody tr.disabled td {
	opacity: 0.5;
}

.list-view-gallery .gallery-container.highlight {
	background: rgba(255,255,155,0.7);
	background: -moz-linear-gradient(center top , rgba(255,255,155,0.8), rgba(255,255,255,1)) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 155, 0.8)),color-stop(1, rgba(255, 255, 255, 1)));
}

.import-form a img {
	margin-right: 10px;
}
.import-form a,
.dataTables-container table.grid tbody td .grid-action {
	margin: auto 2px;
	font-weight: bolder;
}
.import-form a:hover,
.dataTables-container table.grid tbody td .grid-action:hover {
	text-decoration: underline;
}
.dataTables-container table.grid tbody td button.grid-action {
	margin: 2px;
	padding: 0;
	padding-right: 1px;
	line-height: 22px;
	font-size: 1.7em;
}
/*.dataTables-container table.grid tbody td button.grid-action img {
	width: 22px;
	height: 22px;
}*/


/**
* TinyMCE default base styles
*/
textarea.tinymce {
	min-height: 200px;
	height: 250px;
}
.mce-container iframe {
	min-height: 200px;
	height: 250px;
}
div.mce-fullscreen {
    z-index: 99999;
}
.mce-btn button {
	border: none;
}
.mce-btn button:hover {
	background: transparent;
	border: none;
}


/**
* Icons styles 
*/
.icon {
	border: none;
	vertical-align: middle;
}

.icon.disabled {
	opacity: 0.3;
}

.icon-tiny {
	width: 10px;
	height: 10px;
}
.icon-smaller {
	width: 15px;
	height: 15px;
}
.icon-small {
	width: 20px;
	height: 20px;
}
.icon-normal,
.icon-default {
	width: 24px;
	height: 24px;
}
.icon-medium {
	width: 30px;
	height: 30px;
}
.icon-big {
	width: 40px;
	height: 40px;
}
.icon-bigger {
	width: 60px;
	height: 60px;
}
.icon-enormous {
	width: 80px;
	height: 80px;
}
.icon-giant {
	width: 100px;
	height: 100px;
}


/**
* Help styles
*/
div.help-topics-container {
	
}
div.help-topics-container .help-topic-contents {
	width: auto;
	margin: 20px;
	background: white;
	border-radius: 20px;
}
div.help-topics-container .help-topic-contents .help-topic-icon {
	padding: 10px;
}
div.help-topics-container .help-topic-contents .help-topic-desc {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 30px;
}
div.help-topics-container .help-topic-contents .help-topic-action {
	font-size: 1.1em;
	padding: 10px;
}

div.help {
	
}
div.help .header h2 {
	font-weight: bold;
	font-size: 24px;
}
div.help ul {
	float: none;
	list-style: disc;
	list-style-position: inside;
	margin-top: 25px;
	margin-left: 25px;
}
div.help  ul>li {
	
}
div.help .section {
	margin-bottom:20px;
}
div.help .section h3 {
	margin: auto auto 5px 10px;
	font-weight: bold;
	font-size: 18px;
}
div.help .section .sector {
	margin-bottom:20px;
}
div.help .section .sector h4 {
	margin: auto auto 5px auto;
	font-weight: bold;
	font-size: 14px;
}


/**
* Demo styles
*/
#main-container .demo-running-warning {
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 10px;
}
#main-container .demo-running-warning h1 {
	padding: 20px 5px;
	margin: 0;
}
#main-container .demo-running-warning h2 {
	padding: 5px;
	margin: 10px;
}
#main-container .demo-running-warning table {
	margin: 10px auto;
	border-collapse: collapse;
	font-size: 1.2em;
}
#main-container .demo-running-warning table th,
#main-container .demo-running-warning table td {
	background: none;
	font-weight: bold;
	padding: 5px 0;
	text-align: left;
}
#main-container .demo-running-warning table th {
	border-bottom: 1px solid black;
}
#main-container .demo-running-warning table td {
	font-weight: normal;
	border-bottom: 1px dashed red;
	padding: 10px 20px 5px 0;
}
#main-container .demo-running-warning table tr td:first-child {
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-right: 40px;
}
#main-container .demo-running-warning table tr th:nth-child(2),
#main-container .demo-running-warning table tr td:nth-child(2) {
	text-align: right;
	padding-right: 20px;
}


/**
* Backup styles
*/
#main-container .backup-applied-warning {
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 10px;
}
#bottombar .backup-applied-warning {
	font-size: 18px;
	padding: 20px 40px;
}

.backups-container .backup-applied {
	padding: 10px;
	margin-bottom: 20px;
}
.backups-container ul {
	float: left;
}
.backups-container ul > li {
	margin-bottom: 5px;
}
.backups-container ul.spans {
	list-style: none;
}
.backups-container ul.spans > li {
	font-size: 120%;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.backups-container ul.files {
	margin-left: 50px;
	padding-left: 50px;
	border-left: 1px solid #000;
}
.backups-container ul.spans a.active {
	font-weight: bold;
}

.backups-container .backup-details {
}
.backups-container .backup-warning {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 18px;
}
.backups-container .backup-warning strong {
	font-size: 150%;
}


/**
* General styles
*/
.logo-container {
	
}
.logo-container img {
	border: none;
	margin: 0;
}
.logo-container img.logo-institutional {
	border: 2px solid white;
}
img.logo-25 {
	width: 25px;
	height: 25px;
}
img.logo-30 {
	width: 30px;
	height: 30px;
}
img.logo-50 {
	width: 50px;
	height: 50px;
}
img.logo-60 {
	width: 60px;
	height: 60px;
}
img.logo-80 {
	width: 80px;
	height: 80px;
}
img.logo-100 {
	width: 100px;
	height: 100px;
}
img.logo-120 {
	width: 120px;
	height: 120px;
}
img.logo-130 {
	width: 130px;
	height: 130px;
}
img.logo-140 {
	width: 140px;
	height: 140px;
}
img.logo-150 {
	width: 150px;
	height: 150px;
}
img.logo-160 {
	width: 160px;
	height: 160px;
}
img.logo-180 {
	width: 180px;
	height: 180px;
}
img.logo-200 {
	width: 200px;
	height: 200px;
}

a.action-help, div.main_container a.action-help {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	padding: 4px 2px;
	margin: auto;
	text-decoration: none;
	color: white;
	text-shadow: 0 1px 0 #000;
	
	background-color: #F98D35;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F98D35), to(#E46F23)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #F98D35, #E46F23); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #F98D35, #E46F23); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #F98D35, #E46F23); /* IE10 */
	background-image:      -o-linear-gradient(top, #F98D35, #E46F23); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #F98D35, #E46F23);
	
	border: 1px solid #E46F23;
}
a.action-help:hover, div.main_container a.action-help:hover {
	background-color: #E46F23;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E46F23), to(#F98D35)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E46F23, #F98D35); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E46F23, #F98D35); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E46F23, #F98D35); /* IE10 */
	background-image:      -o-linear-gradient(top, #E46F23, #F98D35); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #E46F23, #F98D35);	
}

fieldset.double-label label {
	padding: 8px 20px 5px;
}
fieldset.double-label div {
	padding: 0 20px;
	margin: auto;
}
fieldset.double-label div input[type=checkbox],
fieldset.double-label div input[type=radio] {
	margin-top: -5px;
	margin-left: 15px;
}
fieldset.triple-label label {
	padding: 5px 20px;
}
fieldset.triple-label div {
	padding: 0 30px;
	margin: -5px auto 5px;
}
fieldset.triple-label div input[type=checkbox],
fieldset.triple-label div input[type=radio] {
	margin-top: -5px;
	margin-left: 15px;
}
fieldset.quadruple-label {
	padding: 5px !important;
}
fieldset.quadruple-label label {
	padding: 4px 20px 1px;
}
fieldset.quadruple-label div {
	padding: 0 30px;
	margin: -8px auto 2px;
}
fieldset.quadruple-label div input[type=checkbox],
fieldset.quadruple-label div input[type=radio] {
	margin-top: -8px;
	margin-left: 15px;
}

fieldset.triple-row > label {
	margin: auto;
	padding-bottom: 2px;
}
fieldset.triple-row div.triple-row {
	margin: auto;
}
fieldset.triple-row div.triple-row > div {
	margin: auto;
}
fieldset.triple-row div.triple-row > div > label {
	height: 15px;
}

fieldset.quad-row > label {
	margin: auto;
	padding-top: 2px;
	padding-bottom: 0;
}
fieldset.quad-row div.quad-row {
	margin: auto;
}
fieldset.quad-row div.quad-row > div {
	margin: auto;
	height: 15px;
}
fieldset.quad-row div.quad-row > div > label {
	height: 15px;
}

fieldset.quin-row > label {
	margin: auto;
	padding-top: 0;
	padding-bottom: 0;
}
fieldset.quin-row div.quin-row {
	margin: auto;
}
fieldset.quin-row div.quin-row > div {
	margin: auto;
	height: 14px;
}
fieldset.quin-row div.quin-row > div > label {
	height: 15px;
}

fieldset.sex-row {
	height: 165px !important;
}
fieldset.sex-row > label {
	margin: auto;
	padding-top: 0;
	padding-bottom: 0;
}
fieldset.sex-row div.sex-row {
	margin: auto;
}
fieldset.sex-row div.sex-row > div {
	margin: auto;
}
fieldset.sex-row div.sex-row > div > label {
	height: 19px;
	min-width: 150px;
}

fieldset.sev-row {
	height: 180px !important;
}
fieldset.sev-row > label {
	margin: auto;
	padding-top: 0;
	padding-bottom: 0;
}
fieldset.sev-row div.sev-row {
	margin: auto;
}
fieldset.sev-row div.sev-row > div {
	margin: auto;
}
fieldset.sev-row div.sev-row > div > label {
	height: 19px;
	min-width: 150px;
}

.list-order-container  {
	text-align: center;
	background-color: #fff;
}
/*.list-order-container DMC: DEJAR ASÍ!*/ .list-order-filters-toggle {
	display: none;
	cursor: pointer;
	text-decoration: underline;
	color: #0090ca;
	font-size: 16px;
	font-weight: bold;
}
.list-order-container.list-order-with-toggle .list-order-filters-toggle {
	display: block;
}
.list-order-container fieldset {
	border: none;
	margin: auto;
	padding: 2px;
}
.list-order-container.list-order-inline-block fieldset {
	display: inline-block;
}
.list-order-container fieldset label {
	font-size: 14px;
	padding: 2px;
}
.list-order-container fieldset select {
	font-size: 16px;
}
table thead tr th.list-order-container  {
	background-color: #FFF !important;
	border: none;
}

/**
* Highlights namespace styles
*/
@-webkit-keyframes highlight-yr { /* Safari and Chrome */
  0%  {color: yellow;}
  50% {color: red;}
  100%{color: yellow;}
}
@-moz-keyframes highlight-yr { /* Firefox */
  0%  {color: yellow;}
  50% {color: red;}
  100%{color: yellow;}
}

@-webkit-keyframes highlight-wr { /* Safari and Chrome */
  0%  {color: white;}
  50% {color: red;}
  100%{color: white;}
}
@-moz-keyframes highlight-wr { /* Firefox */
  0%  {color: white;}
  50% {color: red;}
  100%{color: white;}
}

@-webkit-keyframes highlight-wy { /* Safari and Chrome */
  0%  {color: white;}
  50% {color: yellow;}
  100%{color: white;}
}
@-moz-keyframes highlight-wy { /* Firefox */
  0%  {color: white;}
  50% {color: yellow;}
  100%{color: white;}
}

/* Sticky TABLES styles */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 3em 0;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
	box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
	z-index: 100;
	width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150;

}
.sticky-wrap .sticky-intersect th {
	background-color: #666;
	color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 80vh;
}

/**
* Base styles
*/
#wrapper {
	padding: 0;
	margin: 0 auto;
}

#topbar,
#sidebar,
#sidebar-buffer,
#main-container,
#bottombar {
	opacity: 0;
	visibility: visible;
	display: block;
	position: relative;
	margin: 0;
}


/**
* Topbar styles
*/
#topbar {
	/*position: fixed; SET ON PAGE SCROLL BY JS*/
	top: 0;
	z-index: 1000;
}

#nav_top {
	height: 25px;
	margin: 0;
}
#nav_top li.right {
	float: right;
}

#topbar .button-sidebar-toggle,
#topbar .button-fullscreen-toggle {
	display: none;
	color:#fff;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	cursor: pointer;
	line-height: 30px;
	width: 30px;
	text-align: center;
	background: #707780;
}
#topbar .button-sidebar-toggle.active,
#topbar .button-fullscreen-toggle {
	display: inline;
}
#topbar .button-fullscreen-toggle {
	display: inline;
}


/**
* Sidebar styles
*/
#sidebar {
	float: left;
	width: 180px;
	margin-left: 0;
	margin-top: -5px;
}
#sidebar.folded {
	margin-left: -205px;
}

#sidebar div.cog {
	display: none;
	color:#fff;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	position: absolute;
	cursor: pointer;
	line-height: 30px;
	padding-top: 2px;
	width: 80px;
	top: -1px;
	right: -82px;
	text-align: center;
	opacity: 0.8;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
#sidebar div.cog.active {
	display: block;
}

#sidebar .user_box h3 a {
	color: orange;
}
#sidebar .user_box ul.user-actions {
	float: right;
	margin-right: 5px;
}
#sidebar .user_box ul.user-actions a {
	color: #F0F0F0;
	font-weight: bold;
	text-decoration: underline;
}

#sidebar .logo-container {
	text-align: center;
	padding: 5px;
}
#sidebar .logo-container img {
	float: none;
	display: inline;
	margin-top: 4px;
	background-color: white;
}
#sidebar .logo-container span {
	display: block;
}
#sidebar .avatar-container.user_box {
	display: block;
	width: auto;
}
#sidebar .avatar-container.user_box img.logo-avatar {
	border: 1px solid white;
	margin-right: 5px;
	cursor: pointer;
}

#sidebar .app-version-container {
	margin-top: 40px;
	line-height: 15px;
	color: white;
	font-size: 12px;
}
#sidebar .app-version-container .app-version-name {
	/*font-weight: bold;*/
}
#sidebar .app-version-container .app-version-time {
	font-size: 10px;
	text-align: right;
}

#sidebar .side_accordion,
#sidebar .side_accordion li,
#sidebar .side_accordion li a {
	border: none;
}
#sidebar .side_accordion li a,
#sidebar .side_accordion li {
	border-radius: 0;
}
#sidebar .side_accordion li:first-of-type,
#sidebar .side_accordion li:first-of-type a {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
#sidebar .side_accordion li:last-of-type,
#sidebar .side_accordion li:last-of-type a {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#sidebar .side_accordion li:hover a {
	text-decoration: underline;
}
#sidebar .side_accordion > li.action-feedback {
	
}
#sidebar .side_accordion > li.action-support,
#sidebar .side_accordion > li.action-support > a {
	color: white;
	text-shadow: none;
	background: #9e253b;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e253b), color-stop(99%, #7C1F30));
	background: -webkit-linear-gradient(top, #9e253b 0%, #7C1F30 99%);
	background: -moz-linear-gradient(top, #9e253b 0%, #7C1F30 99%);
	background: -o-linear-gradient(top, #9e253b 0%, #7C1F30 99%);
	background: -ms-linear-gradient(top, #9e253b 0%, #7C1F30 99%);
	background: linear-gradient(top, #9e253b 0%, #7C1F30 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e253b', endColorstr='#7C1F30',GradientType=0 );
}


/**
* Main container styles
*/
#main-container {
	width: auto;
	margin: 0px 0px 10px 220px;
}
#main-container.folded {
	margin: 0px 0px 10px 0px;
}
#main-container.login {
	margin: 0px !important;
}

#menu-user-cp {
	padding: 15px;
}
#menu-user-cp .user-data {
	display: table-row;
}
#menu-user-cp .user-data > * {
	display: table-cell;
	vertical-align: top;
}
#menu-user-cp .user-data > img {
	margin-right: 20px;
	border: none;
	border-radius: 5px;
}
#menu-user-cp .user-data > div h2 {
	font-size: 22px;
	color: #555;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#menu-user-cp .user-data > div h3 {
	font-size: 18px;
	color: #777;
	padding: 0;
	margin: 5px auto 10px auto;
	white-space: nowrap;
}
#menu-user-cp .user-data > div h4 {
	font-size: 14px;
	color: #999;
	padding: 0;
	margin: 10px auto 10px auto;
	white-space: nowrap;
}
#menu-user-cp .user-data > div span {
	color: #999;
	display: block;
	
}
#menu-user-cp .user-profile {
	text-align: right;
}
#menu-user-cp .user-actions {
	text-align: right;
}
#menu-user-cp .user-actions {
	list-style: none;
	margin-top: 10px;
}
#menu-user-cp .user-actions li {
	list-style: none;
}
#menu-user-cp .user-actions li.logout {
	border-top: 1px solid #AAA;
	margin-top: 20px;
	padding-top: 10px;
}
#menu-user-cp .user-actions li+li {
	margin-top: 10px;
}
#menu-user-cp .user-actions li a {
	color: #0066CC;
	font-size: 16px;
	text-decoration: none;
}
#menu-user-cp .user-actions li a:hover {
	color: #0099FF;
}
#ui-tooltip-menu-user-cp.qtip {
	max-width: none;
	min-width: 300px;
	width: auto;
}
#ui-tooltip-menu-user-cp-content {
	border-top-right-radius: 0;
	border: none;
}
#uniform-user-profile-switch {
	margin-bottom: 10px;
	margin-top: 10px;
}

#nav_top li.icon-only,
#nav_top li.icon-only a,
#nav_top li.user-announcements,
#nav_top li.user-announcements a {
	width: 35px;
}

#nav_top ul li a img { /* To avoid menu "movements" while loading images */
	width: 24px;
	height: 24px;
}

span.communication-bubble,
span.announcement-bubble {
	position: absolute; 
	left: -2px;
	bottom: -12px;
	height: 18px;
	width: 18px;
	text-align: center; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
	border-radius: 9px;
	background: #f56c7e url(/assets/get/img/notification-bg-clear.png) no-repeat center center scroll;
	background-image: none\9;
	background-color: rgb(245, 108, 126);
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}

#ui-tooltip-menu-user-announcements-content {
	padding: 0px 0px;
}

.user-announcements-empty {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#menu-announcements-container {
	height: 90px; 
	display: none;
}
#menu-announcements-container:empty {
	background:url("https://sanpablo.edcl.com.ar/assets/get/img/ajax-loader.gif") no-repeat center;
}

#ui-tooltip-menu-user-announcements-content {
	border-top-right-radius: 0;
	border: none;
}

#menu-user-announcements {
	max-width: 360px;
}
#menu-user-announcements .user-announcements-items ul {
	margin-bottom: 0px;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item {
	display: block; 
	text-decoration: none; 
	color: #000000; 
	background-color: #FAFAFA; 
	line-height: 20px;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #CCCCCC; 
	padding: 5px 10px; 
	cursor: pointer;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item:hover {
	background-color: #F0F0F0;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item.unread {
	background-color: #d3f5bb;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item.important {
	background-color: #ffd5d5;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item.sticky {
	background-color: #fcf172;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item .announcement-item-date {
	font-size: 1em;
	font-weight: bold;
	color: #999;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item .icon-announcement-item-icon {
	margin-right: 15px;
	width: 16px;
	height: 16px;
}
#menu-user-announcements .user-announcements-items ul li.announcement-item .announcement-item-excerpt {
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 0 0;
}
#menu-user-announcements .announcements-actions {
	text-align: center;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu-user-announcements .announcements-actions li {
	list-style: none;
}
#menu-user-announcements .announcements-actions li a {
	color: #0066CC;
	font-size: 12px;
	text-decoration: none;
}
#menu-user-announcements .announcements-actions li.all {
	margin-top: 0px;
	padding-top: 0px;
}
#ui-tooltip-menu-user-announcements.qtip {
	max-width: none;
	min-width: 300px;
	width: auto;
}

#announcement-detail-dialog {
	max-width: 60%;
}
.announcements-detail-container {
	padding: 10px;
	padding-top: 5px;
	background: white;
}
.announcements-detail-container .announcement-header {
	background: #fefad5;
	border-radius: 12px;
}
.announcements-detail-container .announcement-header > * {
	display: inline-block;
	vertical-align: middle;
}
.announcements-detail-container .announcement-datetime {
	width: 80px;
	font-size: 1.2em;
	line-height: 20px;
	text-align:center;
	vertical-align: middle;
	padding: 5px 10px;
	background: #fef49c;
	border-right: dotted 1px #777;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.announcements-detail-container .announcement-date {
	font-size: 1.4em;
	padding-bottom: 4px;
}
.announcements-detail-container .announcement-excerpt {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
}
.announcements-detail-container .announcement-description {
	font-size: 1em;
	border-top: dashed 1px #cacaca;
	margin-top: 5px;
	padding-top: 5px;
}


/**
* Bottombar styles
*/
#bottombar {
	clear: both;
}

/**
* Dashboard styles
*/
div.dashboard {
	
}
div.dashlets {
	position: relative;
	vertical-align: top;
}
div.dashlets div.dashlet {
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
	max-width: 400px;
	margin: 10px;
}
div.dashlets div.dashlet h2.box_head {
	white-space: nowrap;
}
div.dashlets div.dashlet .empty {
	font-size: 1.3em;
	margin: 0;
	margin-top: 6px;
	padding: 0;
}
div.dashlets div.dashlet .section {
	min-height: 32px;
	max-height: 400px;
	overflow-y: auto;
	padding-bottom: 5px;
	background-color: rgba( 0, 0, 50, 0.05 );
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid #fff;
	border: none;
	-webkit-box-shadow: inset 0px 0px 4px rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: inset 0px 0px 4px rgba( 0, 0, 0, 0.1 );
	box-shadow: inset 0px 0px 4px rgba( 0, 0, 0, 0.1 );
}
div.dashlets div.dashlet .section > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
div.dashlets div.dashlet .section > ul {
	list-style: none;
}
div.dashlets div.dashlet .section > ul > li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
div.dashlets div.dashlet .section > ul > li:nth-child(odd) {
	background-color: #FFF;
}
div.dashlets div.dashlet .section > ul > li:last-of-type {
	border-bottom: none;
}
div.dashlets div.dashlet .section > ul > li a {
	text-decoration: underline;
}


/**
* General styles
*/
div.main_container .flat_area h2 a.action-help {
	position: absolute;
	top: 4px;
	margin: auto 20px auto 40px;
	padding: 0;
}
div.main_container .flat_area h2 button {
	margin: 2px auto 2px 40px;
}
/* @TODO DMC: REAPLICAR EN ALGÚN MOMENTOOOOOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.action-help { /* DISABLEDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD */
	display: none;
}

.badge-tooltip {
	position: absolute;
	display: block;
	z-index: 100;
	top: 2px !important;
	left: 4px !important;
	right: auto !important;
	margin: 0;
	text-align: center;
	padding: 2px 4px;
	line-height: 12px;
	text-indent: 0;
	font-size: 11px;
	border: 2px solid #fff;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	zoom: 1;
	opacity: 0.5;
}
.badge-tooltip:hover {
	opacity: 1;
}

fieldset > div > .required_tag {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/green_star.png") top right;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
fieldset > div > .optional_tag {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/blue_star.png") top right;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
fieldset > div > .recommended_tag {
	background: url("https://sanpablo.edcl.com.ar/assets/get/img/content/yellow_star.png") top right;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}

.box, .block, .flat_area, .indent {
	opacity: 1;
}

.box a.toggle {
	cursor: pointer;
}

.flat_area h2 {
	position: relative;
}

.user_box h2,
.user_box h3,
.user_box ul {
	float: none;
}

select, .ui-widget select {
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 14px;
	width: auto;
	background: #F0F0F0;
}
select[disabled], .ui-widget select[disabled] {
	background: #D0D0D0;
}

input[type=text],
input[type=password],
input[type=number],
input[role=textbox],
input.text,
input.title,
/*input,*/
textarea,
.textarea,
select,
.select,
.ui-multiselect {
	border-color: #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0px 0px 2px 0px #ddd;
	-moz-box-shadow: inset 0px 0px 2px 0px #ddd;
	box-shadow: inset 0px 0px 2px 0px #ddd;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=number]:hover,
input[role=textbox]:hover,
input.text:hover,
input.title:hover,
/*input:hover,*/
textarea:hover,
.textarea:hover,
select:hover,
.select:hover,
.ui-multiselect:hover {
	border-color: #777;
	-webkit-box-shadow: inset 0px 0px 2px 0px #777;
	-moz-box-shadow: inset 0px 0px 2px 0px #777;
	box-shadow: inset 0px 0px 2px 0px #777;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[role=textbox]:focus,
input.text:focus,
input.title:focus,
/*input:focus,*/
textarea:focus,
.textarea:focus,
select:focus,
.select:focus,
.ui-multiselect:focus {
	border-color: #2800FF;
	-webkit-box-shadow: inset 0px 0px 2px 0px #2800FF;
	-moz-box-shadow: inset 0px 0px 2px 0px #2800FF;
	box-shadow: inset 0px 0px 2px 0px #2800FF;
}
input[disabled],
textarea[disabled],
select[disabled] {
	background: rgba(0, 0, 0, 0.2);
}

button {
	float: none;
	white-space: nowrap;
}
button:hover {
	border: 1px dashed #d4d44e;
}
button[disabled],
button.disabled {
	cursor: default;
	opacity: 0.5;
}

button.action-print:not(.no-height),
button.action-print-settings,
.button_bar button.action-print:not(.no-height),
.button_bar button.action-print-settings {
	height: 30px;
}
button.action-print,
.button_bar button.action-print {
	
}
button.action-print-settings,
.button_bar button.action-print-settings {
	margin-left: -9px;
}

.button_bar {
	text-align: center;
	
}
.button_bar button {
	margin: 5px;
}

div.navigation-bar {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
}
div.navigation-bar > ul {
	height: auto;
	width: auto;
	/*float: left;*/
	/*width: 99.9%;*/
	display: block;
	z-index: 100;
}
div.navigation-bar ul li.highlight-yellow {
	background-color: #e2e2c4;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2c4), to(#fffbc9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e2e2c4, #fffbc9); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #e2e2c4, #fffbc9); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e2e2c4, #fffbc9); /* IE10 */
	background-image:      -o-linear-gradient(top, #e2e2c4, #fffbc9); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #e2e2c4, #fffbc9);
}
div.navigation-bar > ul > li > ul,
div.navigation-bar ul li ul.dropdown {
	width: auto;
	min-width: 200px;
	white-space: nowrap;
}
div.navigation-bar.disabled ul li a {
	cursor: default;
	opacity: 0.6;
}
div.navigation-bar .navigation-tabs-container {
	/*float: left;*/
}

.dataTables_wrapper .ui-widget-header {
	min-height: 30px;
	height: 30px;
}
.dataTables_wrapper .ui-widget-header .dataTables_length {
	height: 30px;
}
.dataTables_wrapper .ui-widget-header .dataTables_length label {
	display: block;
}

div.uploader {
	float: none;
	width: auto;
}
div.uploader input {
	float: left;
	width: 100%;
	margin: 4px 0;
}
div.uploader span.filename {
	width: 150px;
	float: left;
}
div.uploader span.action {
	float: right;
}

div.main_container {
	overflow-y: visible; /*CHANGED BACK TO VISIBLE*/
	overflow-x: visible;
	text-overflow: ellipsis;
	width: auto;
	margin: 0;
	margin-bottom: 10px;
	height: auto;
	vertical-align: top;
	background: #eee url("https://sanpablo.edcl.com.ar/assets/get/img/backgrounds/bg_content.png") repeat fixed;
}
div.main_container .box,
.ui-dialog .box {
	z-index: 0;
	vertical-align: top;
}
div.main_container .box.inline-block,
.ui-dialog .box.inline-block {
	margin: 10px;
	margin-top: auto;
}
div.main_container .box h2.box_head,
.ui-dialog .box h2.box_head {
	padding-left: 10px;
	padding-right: 60px;
	text-indent: 0;
}

div.selector select {
	background-color: #eee;
}


/**
* Tables styles
*/
.block .dataTables-container table.grid > thead {
	border-top: 0;
}

table.static {
	width: 100%;
	margin-bottom: 0 !important;
	margin-top: 0px !important;
}

table.static thead {
	background: #E0E6EA;
	border-bottom: 1px solid #aaa;
}

table.display tr td,
table.display tr th {
	padding: 2px 5px;
}
table.static tr td,
table.static tr th {
	line-height: normal;/*25px;*/
	padding: 2px 5px;
	border: none;
	border-bottom: 1px solid #E1E5E7;
}
table.static tr:last-child td {
	border-bottom: 0;
}
table.static tr td {
	background: #FFF;
	vertical-align: middle;
}

table.display thead tr th,
table.static thead tr th {
	border-left: none;
	border-right: none;
	line-height: 30px;
	padding: 2px 5px;
	text-align: left;
	color: #333;
	font-weight: normal;
	text-shadow: 0px 1px 0px #fff;
}
table.display thead tr th .DataTables_sort_wrapper,
table.static thead tr th .DataTables_sort_wrapper {
	padding: 0;
}
table.display tfoot tr td,
table.display thead tr th,
table.static tfoot tr td,
table.static thead tr th {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}
table.display thead tr th,
table.static thead tr th {
	font-size: 120%;
}

table.static tbody tr.even {
	background-color: #EDF1F3;
	border-bottom: 1px solid #D8DCDE;
}
table.display tbody tr.odd {
	background-color: #fafafa;
	border-bottom: 1px solid #d8dcde;
}
table.display tbody tr.even {
	border-bottom: 1px solid #e1e5e7;
}

table.display tr.even:hover,
table.display tr.odd:hover,
table.static tr.even:hover,
table.static tr.odd:hover {
	background-color: #E6ECEF;
}

table.static tbody tr td input,
table.static tbody tr td button {
	margin: 10px 0;
	height: 30px;
	line-height: 30px;
	float: left;
}
table.static tbody tr td input[type=checkbox] {
	height: auto;
	margin: auto 3px;
}


/* Add support for extra columns */
.col_18,
.col_31,
.col_34,
.col_36 {
	position: relative;
	border-right: 1px solid #eee;
	margin-right: -1px;
	display: block;
	float: left;
}
.col_18 {
	width: 18%;
}
.col_31 {
	width: 31%;
}
.col_34 {
	width: 34%;
}
.col_36 {
	width: 36%;
}

/**
* List View styles
*/
div.list-view {

}

div.list-view .list-view-search-container {
	
}
div.list-view .list-view-actions-container {
	
}
div.list-view .list-view-grid-container {
	
}

div.list-view .list-view-gallery-container {
	
}
div.list-view .list-view-gallery-container .list-view-gallery .list-view-content-container {
	
}
div.list-view .list-view-gallery-container .list-view-gallery .list-view-content-container .gallery-group-container {
	display: inline-block;
	border: thin solid #CCC;
	border-radius: 2px;
}

div.list-view .list-view-search {
	
}
div.list-view .list-view-search .search-basic {
	
}
div.list-view .list-view-search .search-basic input[name=q],
.search-basic input[name=q] {
	width: 250px;
	max-width: 250px;
}
div.list-view .list-view-search .search-basic .one-result-autoopen {
	
}
div.list-view .list-view-search .search-basic .one-result-autoopen span {
	font-style: italic;
	white-space: nowrap;
}
div.list-view .list-view-search .search-filters-form {
	display: table-row;
	border-collapse: collapse;
}
div.list-view .list-view-search .search-filters-form .button_bar {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	margin-right: 10px;
	border-right: 2px solid #DDD;
}
div.list-view .list-view-search .search-filters-form .button_bar > .table {
	display: table;
}
div.list-view .list-view-search .search-filters-form .button_bar > .table > .row {
	display: table-row;
}
div.list-view .list-view-search .search-filters-form .button_bar > .table > .row > .cell {
	display: table-cell;
}
div.list-view .list-view-search .search-filters-form .button_bar button {
	
}
div.list-view .list-view-search .search-filters-form .button_bar button.search {
	font-weight: bold;
}
div.list-view .list-view-search .search-filters-form .search-filters-container {
	display: table-cell;
}
div.list-view .list-view-search .search-basic .search-filters-container .message {
	margin: 0;
	padding: 0.5em;
}
div.list-view .list-view-search .search-filters-form fieldset {
	display: inline-block;
	padding-bottom: 5px;
	height: 70px;
	vertical-align: middle;
	border: none;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-left: -4px;
	margin-top: 0;
}
div.list-view .list-view-search .search-filters-form label {
	padding: 10px 20px 10px;
}
div.list-view .list-view-search .search-filters-form .search-advanced fieldset input[type="text"] {
	width: 120px;
}
div.list-view .list-view-search .search-filters-form .search-advanced fieldset input[type="text"].large {
	width: 200px;
	max-width: 200px;
}

div.list-view .list-view-actions {
	min-height: 40px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}
div.list-view .list-view-actions .view-selector .active{
	
}
div.list-view .list-view-actions .button-create {
	font-weight: bold;
	font-size: 110%;
}

div.list-view .list-view-relevant-explanation {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cfcfcf;
}
div.list-view .list-view-relevant-explanation h1 {
	font-size: 22px;
}
div.list-view .list-view-relevant-explanation h1 .total-count {
	font-size: 18px;
	font-style: italic;
	color: #ae1000;
	float: right;
	margin-top: 5px;
}
div.list-view .list-view-relevant-explanation .total-button {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 22px;
	padding: 2px 20px;
}
div.list-view .list-view-relevant-explanation > div {
	font-size: 16px;
}


/**
* Detail View styles
*/
div.detail-view {
	position: relative;
}
div.detail-view .flat_area {
	margin-bottom: 5px;
}
div.detail-view .detail-view-actions {
	margin-bottom: 10px;
	text-align: left;
}
div.detail-view .detail-container {
	min-height: 350px;
}
div.detail-view .detail-container .details-contents {
	position: relative;
	/*padding: 15px 10px;*/
}

div.detail-view div.foreign-view {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}

div.detail-view div.dashlet .dashlet-add {
	float: right;
}

div.detail-view div.dashlet.dashlet-exams .button-create {
	float: none !important;
}

div.ui-dialog-content .detail-content div {
	padding: 10px 20px;
}
div.detail-view .search-container .search-add .box {
	margin: 0 !important;
}

.detail-info .data-label-toggle {
	
}
.detail-info .data-label-toggle label {
	cursor: pointer;
	text-decoration: underline;
}


/**
* Form View styles
*/
div.form-view {

}
div.form-view .form-container {
	display: inline-block;
	width: auto;
	min-width: 400px;
}
div.ui-tooltip-content .main_container,
div.ui-dialog-content .form-view {
	padding: 0;
}
div.ui-tooltip-content .main_container .box,
div.ui-dialog-content .form-view .box {
	margin: 0;
}
div.ui-tooltip-content .form-view .form-title,
div.ui-dialog-content .form-view .form-title {
	display: none;
}


/**
* Foreign View styles
*/
div.foreign-view {

}

div.foreign-view .foreign-view-search-container {
	
}
div.foreign-view .foreign-view-actions-container {
	
}
div.foreign-view .foreign-view-grid-container {
	
}

div.foreign-view .foreign-view-search {
	border: none;
}
div.foreign-view .foreign-view-search .search-basic {
	
}
div.foreign-view .foreign-view-search .search-basic input {
	width: 300px;
}
div.foreign-view .foreign-view-search .search-filters-form {
	display: table-row;
	border-collapse: collapse;
}
div.foreign-view .foreign-view-search .search-filters-form .button_bar {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	margin-right: 10px;
	border-right: 2px solid #DDD;
	border: 1px solid #DDD;
}
div.foreign-view .foreign-view-search .search-filters-form .button_bar button {
	display: block;
}
div.foreign-view .foreign-view-search .search-filters-form .button_bar button.search {
	font-weight: bold;
}
div.foreign-view .foreign-view-search .search-filters-form .search-filters-container {
	display: table-cell;
	border: 1px solid #DDD;
}
div.foreign-view .foreign-view-search .search-filters-form fieldset {
	display: inline-block;
	padding-top: 10px;
	height: 100px;
	vertical-align: middle;
	border: none;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-left: -4px;
	margin-top: 0;
}
div.foreign-view .foreign-view-search .search-add {
	border: none;
}

div.foreign-view .foreign-view-actions {
	margin-bottom: 20px;
	text-align: left;
}
div.foreign-view .search-add .foreign-view-actions {
	margin: 20px auto;
}
div.foreign-view .foreign-view-actions .button-create {
	font-weight: bold;
	font-size: 110%;
}

div.foreign-view div.form-view {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}
div.foreign-view div.form-view .form-title h2 {
	border-color: #ddd #ccc;
}



/**
* Institution form + detail
*/
.form-view.institutions .form-container {
	max-width: 550px;
	width: 550px;
}
.institution-detail {
	min-height: 270px;
}
.institution-detail > .flat_area > h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: bolder;
}
.institution-detail .institution-image-container {
	float: left;
	margin-right: 30px;
	text-align: center;
}
.institution-detail .institution-image-container .logo-institutional-description {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.2em;
}
.institution-detail .institution-contact-container {
	display: inline-block;
	font-size: 0.9em;
	margin-left: 50px;
}
.institution-detail .institution-data-container {
	margin-top: 10px;
}
.institution-detail .institution-data-container table.institution-info {
	border: 0;
	background: transparent;
}
.institution-detail .institution-data-container table.institution-info tr td {
	font-size: 1.2em;
	padding-bottom: 10px;
}
.institution-detail .institution-data-container table.institution-info tr td:first-child {
	font-weight: bolder;
	padding-right: 25px;
}
.institution-detail .institution-data-container table.institution-info tr td:last-child {
	font-style: italic;
}
.institution-detail .institution-data-container .action-contact {
	display: inline-block;
	font-size: 25px;
	margin-bottom: 30px;
}
.institution-detail .institution-data-container .action-contact img {
	margin: auto 20px;
}
.institution-detail .institution-data-container > div {
	font-size: 18px;
	display: table-row;
}
.institution-detail .institution-data-container > div > label,
.institution-detail .institution-data-container > div > span {
	display: table-cell;
	padding-left: 10px;
}
.institution-detail .institution-map-container {
	position: relative;
	/*padding-bottom: 75%;*/ /*This is the aspect ratio*/
	/*height: 0;*/
	height: 450px;
	overflow: hidden;
	border: 2px white dashed;
}
.institution-detail .institution-map-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/**
* InstitutionAttachment styles
*/
.institutional-attachments {
	
}
.institutional-attachments .form-container {
	float: left;
	width: 600px;
}
.institutional-attachments .list-container {
	width: auto;
	margin-bottom: 15px;
}
.institutional-attachments .list-container .title {
	font-weight: bold;
	font-size: 24px;
	text-decoration: underline;
}
.institutional-attachments .list-container-admin {
	float: left;
	width: 400px;
	margin-right: 20px;
}
.institutional-attachments .list-container fieldset {
	padding: 15px 10px 5px 5px;
	position: relative;
	clear: none; /*Fix*/
}
.institutional-attachments .list-container.iattachments-for-download {
	padding: 0;
	font-size: 120%;
}
.institutional-attachments .list-container.iattachments-for-download fieldset {
	display: inline-block;
	vertical-align: top;
	background: white;
	border-radius: 10px;
	margin: 10px;
	max-width: 550px;
}
.institutional-attachments .list-container fieldset > div {
	padding: 0 30px 15px 20px;
}
.institutional-attachments .list-container fieldset > ul {
	list-style: none;
}
.institutional-attachments .list-container fieldset > ul > li {
	float: left;
	padding: 0px 5px;
	border-right: 1px solid grey;
}
.institutional-attachments .list-container fieldset > ul > li:last-of-type {
	border-right: none;
}
.institutional-attachments .list-container fieldset > button {
	position: absolute;
	top: 5px;
	right: 5px;
}
.institutional-attachments .list-container fieldset > button.update {
	top: 33px;
}

/**
* Attachments styles
*/
form.attachment-form p.explanation {
	font-size: 1.2em;
	padding: 10px;
	margin: 0;
	min-width: 350px;
	width: auto;
	text-align: center;
	white-space: normal;
}
form.attachment-form input[name=description] {
	width: 300px;
}

.personal-photo-container .block,
.avatar-container .block,
.institution-image-container .block {
	text-align: center;
}
.personal-photo-container,
.avatar-container,
.institution-image-container {
	display: inline-block;
	width: auto;
}
.personal-photo-container img.logo-photo,
.avatar-container img.logo-avatar,
.institution-image-container img.logo-institutional {
	padding: 0;
	margin: 0;
	border: 2px solid white;
}
.personal-photo-container .actions,
.avatar-container .actions,
.institution-image-container .actions {
	text-align: center;
}
.personal-photo-container .actions.hasnt-attachment .addupd,
.avatar-container .actions.hasnt-attachment .addupd,
.institution-image-container .actions.hasnt-attachment .addupd {
	margin: 0;
}




/**
* Search filters styles
*/
.search-filters-container {
	
}
.search-filters-container fieldset select,
.search-filters-container fieldset input[type=text] {
	max-width: 150px;
	font-size: 1.25em;
}
.search-filters-container fieldset select[name=period] {
	max-width: none;
}
.search-filters-container fieldset input.datepicker.dp-date {
	width: 95px !important;
}
.search-filters-container fieldset input.datepicker.dp-time {
	width: 55px !important;
}
.search-filters-container fieldset .report-dp-container {
	width: 100px !important;
}



/**
* Import Styles
*/
.import-form .import-download {
	text-align: center;
}



/**
* Contact styles
*/
form.contact-form {
	min-width: 700px;
}
form.contact-form p.explanation {
	font-size: 1.2em;
	padding: 10px;
	margin: 0;
	min-width: 350px;
	width: auto;
	text-align: center;
	white-space: normal;
}
form.contact-form select {
	width: 100%;
}
form.contact-form textarea[name=message] {
	width: 100%;
	height: 150px;
	margin: 0;
}

/**
* Contact-list styles
*/
.contact-list-filters{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.2em;
	padding: 5px;
	margin: 10px 0;
	text-align: center;
}

.contact-list-container .box{
	text-align: center;
	margin-left: 10px;
	float: left;
}

.contact-list-container .box:last-child{
	margin-right: 10px;
}

table.contact-list{
	width: auto;
	margin: 0;
}
table.contact-list th{
	padding: 10px;
	background-color: #cccccc;
	font-size: 1.1em;
	font-weight: bold;
}
table.contact-list thead tr.title td{
	font-size: 1.15em;
	padding: 10px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background-color: #c9d5fa;
}
table.contact-list tbody td{
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #B6B6B6;
}

table.contact-list tbody td.tabulated{
	padding-left: 20px;
}
table.contact-list tbody tr:hover td{
	background: -moz-linear-gradient(center top , rgba(248,251,105,0), rgba(150,150,100,1)) repeat scroll 0 0 transparent;
}

table.contact-list tfoot tr td{
	font-size: 1.1em;
	font-weight: bolder;
	text-align: right;
	padding: 8px;
}



/**
* Suggestion list styles
*/
.ui-tooltip.suggestions-tooltip-container {
	max-width: none;
}
.suggestion-unselect,
.suggestion-unselect-fc {
	cursor: pointer;
	font-weight: bolder;
	text-decoration: underline;
}
.suggestions-container {
	width: auto;
	min-width: 300px;
}
.suggestions-container .description {
	margin: 5px auto 15px auto;
	text-align: center;
}
.suggestions-container ul.suggestions {
	list-style: none;
	margin: 10px;
}
.suggestions-container ul.suggestions li {
	border-bottom: 1px solid white;
	padding: 6px;
}
.suggestions-container ul.suggestions li:hover {
	background: #fcfeb0;
	cursor: pointer;
}
.suggestions-container ul.suggestions li:last-of-type {
	border: none;
}
.suggestions-container ul.suggestions li .extra-data {
	font-size: 12px;
}
.suggestions-container ul.suggestions li .extra-data.profiles {
	text-decoration: underline;
	padding-top: 3px;
	background-color: transparent !important;
	padding-left: 5px;
}
.suggestions-container ul.suggestions li .extra-data.entity {
	padding-left: 10px;
	font-size: 11px;
}

/**
* Types styles
*/
div.module-form-type-container {
	padding: 10px;
	min-height: 300px;
}
div.module-form-type-container .data-container label {
	font-size: 1.2em;
}
div.module-form-type-container .data-container input.custom-data-input {
	width: 175px;
}



/**
* Profiles styles
*/
.profiles {
	background-color: #FFF !important;
}
.profiles .form-container {
	display: inline !important;
}
form.profile-form .profile-name {
	margin: 10px auto 30px auto;
}
form.profile-form input[name=name] {
	width: 200px;
}
form.profile-form input[name=name] {
	width: 200px;
}
form.profile-form table.grid thead th {
	font-size: 1em;
}
form.profile-form table.grid thead th[rowspan] {
	font-size: 1.3em;
	border-right: 1px solid #CCC;
}
form.profile-form table.grid thead th[colspan] {
	font-size: 1.3em;
	border-bottom: 1px solid #CCC;
}


.permissions-group-container {
	padding-left: 0 !important;
}
.permissions-group-container h5 {
	margin: 0;
	background-color: #7fb878;
}
.permissions-group-container .permissions-group {
	margin: 5px;
	border-radius: 0.3em;
	border: thin solid #CCC;
	float: left;
}
.permissions-group-container .permissions-group h6 {
	margin: 0;
	padding: 5px;
	border-bottom: #DDD solid thin;
	text-align: center;
}
.permissions-group-container .permissions-group table.profile-permission {
	margin: 0px 0.5px;
}
.permissions-group-container .permissions-group table.profile-permission thead tr:first-of-type th:first-of-type {
	vertical-align: middle; 
	font-size: 1.3em; 
	background-color: #9BE0AB;
	border-left: none;
	border-right: 2px solid #CCC;
}
.permissions-group-container .permissions-group table.profile-permission thead tr th {
	text-align: center;
}
.permissions-group-container .permissions-group table.profile-permission thead tr th {
	padding: 3px 10px;
	font-weight: bolder;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr:first-of-type td {
	border-top: 2px solid #BBB;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr td {
	padding: 3px;
	border: #ddd solid thin;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr.odd td {
	background-color: #F0F0F0;
	border-bottom: 1px solid #E1E5E7;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr td input {
	margin-top: 0;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr td:first-child {
	text-align: left;
	font-weight: bolder;
	padding-right: 5px;
}
.permissions-group-container .permissions-group table.profile-permission tbody tr:hover td {
	background-color: #f7e5f7;
}


/**
* User settings styles
*/
div.settings-user-container .setting-dashlets-container,
div.settings-user-container .email-update-container,
div.settings-user-container .password-update-container {
	max-width: 300px;
}

div.settings-user-container .setting-dashlets-container {
	max-width: 350px;
}
div.settings-user-container .setting-dashlets-container fieldset label {
	padding: 20px 10px 0 10px;
	line-height: 17px;
	width: auto;
	border: none;
}
div.settings-user-container .setting-dashlets-container fieldset div {
	float: right;
	width: auto;
	padding: 15px 10px 0 10px;
	margin: auto;
	border: none;
	border-left: 1px solid #EEE;
	height: 40px;
}
div.settings-user-container .setting-dashlets-container fieldset.explanation {
	padding: 10px;
	text-align: center;
	font-size: 13px;
	color: #333;
}



/**
* System settings styles
*/
div.settings-system-container .box {
	float: left;
	margin: 10px;
}
div.settings-system-container .system-disable-access-container {
	width: 330px;
}
div.settings-system-container .system-smtp-container {
	width: 300px;
}
div.settings-system-container .system-misc-container {
	width: 400px;
}



/**
* General styles
*/
.menu-extended {
	float: none !important;
	vertical-align: top;
}

#main-container .button-back {
	cursor: pointer;
}
#main-container .button-back-top {
	position: absolute;
	top: 10px;
	right: 10px;
}
#main-container .button-back-bottom {
	display: block;
	margin: 20px auto;
	width: 200px;
}

.details.tab-body {
	position: relative;		
}

div.data {
	margin-bottom: 10px;
}
div.data label {
	margin-left: 10px;
}
div.data ul {
	margin-left: 35px;
}

div.gallery-container {
	float: left;
	width: 200px;
	height: 250px;
	margin: 0 5px 10px 5px;
	background-color: rgba(255,255,255,0.8);
	border: thin solid #CCC;
}
div.gallery-container div.data {
	font-size: 0.9em;
	margin-bottom: 1px;
}
div.gallery-container .gallery-actions-first {
	border-bottom: thin dashed #CCC;
	padding-bottom: 5px;
	background-color: #EEE;
}
div.gallery-container .gallery-actions-first .actions-last {
	float: right;
	padding-right: 10px;
}
div.gallery-container .gallery-actions-first .actions-last .gallery-action {
	cursor: pointer;
}
div.gallery-container .gallery-actions-last {
	padding-right: 10px;
	padding-top: 5px;
	border-top: thin dashed #CCC;
}
div.gallery-container .gallery-actions-last .actions {
	cursor: pointer;
	float: right;
}

div.user-login-create-explain {
	
}
div.user-login-create-explain .activation-explain {
	padding: 0px 20px;
	text-align: center;
}
div.user-login-create-explain .activation-explain > span {
	display: block;
	margin-top: 5px;
	text-align: left;
}

div.user-activate-resend-container {
	margin-top: 10px;
	font-size: 1.1em;
	text-align: right;
	vertical-align: bottom;
}
div.user-activate-resend-confirm {
	font-size: 1.1em;
	padding: 10px;
}
div.user-activate-resend-confirm strong {
	font-size: 1.2em;
}

table.user-profiles-list td {
	vertical-align: bottom;
	padding: 0px 5px;
}
table.user-profiles-list .explanation {
	border-bottom: dashed 1px #777
}

table.users tr td {
	vertical-align: middle;
}
table.users tr.inactive td {
	opacity: 0.5;
}
table.users tr.disabled td {
	color: red;
}
table.users tr.inactive td.actions-last {
	opacity: 1;
}

table.profiles tr.inactive td {
	opacity: 0.5;
}
table.profiles tr.inactive td.actions-last {
	opacity: 1;
}

fieldset.no_label > div > div.user-login-data:first-of-type {
	margin-top: 10px;
}


/**
* Dashboard general/generic styles
*/

/*
 * Persons birthdays
 */
div.dashlets .dashlet-personsbirthdays {
	
}
div.dashlets .dashlet-personsbirthdays li {
	
}
div.dashlets .dashlet-personsbirthdays li div.trow {
	display: table-row;
}
div.dashlets .dashlet-personsbirthdays li div.trow > div {
	display: table-cell;
	vertical-align: middle;
}
div.dashlets .dashlet-personsbirthdays li img.logo-photo {
	margin-right: 10px;
	vertical-align: middle;
	border: 1px solid white;
}
div.dashlets .dashlet-personsbirthdays li .person-name,
div.dashlets .dashlet-personsbirthdays li .person-bdate {
	
}
div.dashlets .dashlet-personsbirthdays li .person-name {
	font-size: 115%;
	font-weight: bold;
}
div.dashlets .dashlet-personsbirthdays li .person-bdate {
	
}
div.dashlets .dashlet-personsbirthdays li.is-birthday .person-name {
	color: #4c9240;
}
div.dashlets .dashlet-personsbirthdays li.is-birthday .person-bdate {
	font-weight: bold;
}

div.dashlets .dashlet-personsbirthdays h5.coming {
	font-size: 15px;
}


div.report-container {
	
}
div.report-container .has-details {
	cursor: pointer;
}
div.report-container .has-details:hover {
	text-decoration: underline;
}
div.report-container .has-details:hover td {
	background-color: rgba(242,242,112,0.5);
}
div.report-container .report-actions-container button.action-close {
	float: left;
}


/*
* HEADER
*/
.report-header-container {
	
}
.report-header-container .report-filters-form {
	display: table-row;
	border-collapse: collapse;
}
.report-header-container .report-filters-form .button_bar {
	display: table-cell;
	vertical-align: middle;
	min-width: 120px;
	width: auto;
	margin-right: 10px;
	border-right: 2px solid #DDD;
}
.report-header-container .report-filters-form .reports-filters-container {
	display: table-cell;
}
.report-header-container .report-filters-form fieldset {
	display: inline-block;
	height: 100px;
	vertical-align: top;
	border: none;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-left: -4px;
	margin-top: 0;
}

.report-header-container .report-filters-form fieldset select,
.report-header-container .report-filters-form fieldset input[type=text] {
	max-width: 150px;
	font-size: 1.25em;
}
.report-header-container .report-filters-form fieldset select[name=period] {
	max-width: none;
}
.report-header-container .report-filters-form fieldset select[name=period].cperiod {
	max-width: 150px;
}
.report-header-container .report-filters-form fieldset input.datepicker.dp-date {
	width: 95px !important;
}
.report-header-container .report-filters-form fieldset input.datepicker.dp-time {
	width: 55px !important;
}
.report-header-container .report-filters-form fieldset .report-dp-container {
	width: 100px !important;
}


/*
* BODY
*/
.report-body-container {
	
}
.report-body-container .report-body-results {
	
}
.report-body-container .report-body-results h1 {
	margin-top: 35px;
}
.report-body-container .report-body-results h1:first-of-type {
	margin-top: 5px;
}
.report-body-container .report-body-results table tbody td {
	background-color: #fff;
}
.report-body-container .report-body-results table tbody td.extended-message-content {
	background-color: #BBF;
}
.report-body-container .report-body-results tfoot tr td {
    padding-top: 10px;
}
.report-body-container .report-body-results td.subtotal {
	background-color: #fef6e2;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding-right: 100px;
	padding-bottom: 5px;
}
.report-body-container .report-body-results td.subtotal.total {
	font-size: 130%;
	color: #d33;
}
.report-body-container .report-body-results td.subtotal.value {
	text-align: left;
	padding-right: 0;
}
.report-body-container-details {
	
}


/*
* FOOTER
*/
.report-footer-container {
	font-size: 1.5em;
}
.report-footer-container .report-footer-results {
	font-size: 100%;
}
.report-footer-container .report-footer-results .total {
	font-size: 130%;
}
.report-footer-container .report-footer-results .total b {
	font-size: 160%;
}
.report-footer-container .report-footer-results .subtotal label {
	width: 150px;
	display: inline-block;
}
.report-footer-container .report-footer-results .subtotal b {
	font-size: 120%;
}
.report-footer-container .report-footer-block {
	float: left;
	margin-top: 20px;
	margin-left: 30px;
	padding-left: 20px;
	border-left: 1px dashed gray;
	text-align: left;
}


/*
* REPORT GRAPHS
*/
.report-graph-container {
	margin: 10px;
	padding: 8px 0px;
	background-color: white;
	border: 1px solid #aaa;
}
.report-graph-container.graph-size-full {
	
}
.report-graph-container.graph-size-half-left {
	width: 48%;
	float: left;
}
.report-graph-container.graph-size-half-right {
	float: right;
}
.report-graph-container > h2 {
	margin: 5px 20px;
	padding: 0;
}
.report-graph-container .report-graph {
	height: 220px;
}
.report-graph-container.graph-size-full .report-graph {
	height: 250px;
}


/*
* REPORT DATA FILTERS
*/
.report-data-filter {
	cursor: pointer;
}
.report-data-filter:hover {
	border-bottom: 1px dashed gray;
	color: blue;
}


/*
* CASH
*/
.cash-movements td.debit {
	background-color: #ffd2d2;
}
.cash-movements td.credit {
	background-color: #e2ffc3;
}


/*
* CURRENT ACCOUNTS
*/
div.report-container.report-current-accounts .report-body-results table td.accid,
div.report-container.report-current-accounts .report-body-results table td.accnum {
	width: 45px;
	white-space: nowrap;
}
div.report-container.report-current-accounts .report-body-results table td.accnum {
	width: 100px;
}



/*
* DEBTS RECEIVABLE
*/
div.report-container.report-debts-receivable .report-body-container-details .flat_area big {
	margin-left: 20px;
}
div.report-container.report-debts-receivable .report-body-container-details .flat_area small {
	margin-left: 50px;
}
div.report-container.report-debts-receivable table th.jid {
	width: 1em;
}
div.report-container.report-debts-receivable table th.date {
	width: 8em;
}
div.report-container.report-debts-receivable table th.description {
	width: 30em;
}
div.report-container.report-debts-receivable table th.debit,
div.report-container.report-debts-receivable table th.credit {
	width: 6em;
}
div.report-container.report-debts-receivable table th.balance {
	width: 8em;
}
div.report-container.report-debts-receivable table tr.future {
	opacity: 0.5;
}
div.report-container.report-debts-receivable table td.debit {
	background-color: #ffd2d2;
}
div.report-container.report-debts-receivable table td.credit {
	background-color: #e2ffc3;
}

/**
* GENERAL ACCOUNTING styles
*/
.accounting-accounts-view {
	
}

.accounting-account-list-view {
	
}

.accounting-account-list-view ul.account-list {
	list-style: none;
	font-size: 1.2em;
}
.accounting-account-list-view ul.account-list li {
	
}
.accounting-account-list-view ul.account-list li.account-type {
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px;
}
.accounting-account-list-view ul.account-list li.account-type .account-type-accnum {
	float: right;
	font-size: 0.6em;
	padding: 4px;
}
.accounting-account-list-view ul.account-list ul.account-type li {
	padding: 5px 10px;
}
.accounting-account-list-view ul.account-list .account-journals {
	float: right;
	padding-left: 20px;
}
.accounting-account-list-view ul.account-list .account-balance {
	float: right;
}

input.acc-amount-short {
	width: 3em !important;
}
input.acc-amount,
input.acc-amount-normal {
	width: 6em !important;
}
input.acc-amount-long {
	width: 8em !important;
}

.debit-container {
	background-color: #ffd2d2;
}
.debit-value {
	color: red;
}
.credit-container {
	background-color: #e2ffc3;
}
.credit-value {
	color: green;
}


/**
* CURRENT ACCOUNT styles
*/
.current-account-balance,
.current-account-credit {
	font-weight: bold;
	margin-right: 20px;
	white-space: nowrap;
}
.current-account-balance.positive,
.current-account-credit.positive {
	color: #3A3;
}
.current-account-credit.negative,
.current-account-balance.negative {
	color: red;
}

.dataTables-container table.grid.currentaccounts thead th.date {
	width: 8em;
}
.dataTables-container table.grid.currentaccounts thead th.description {
	width: 30em;
}
.dataTables-container table.grid.currentaccounts thead th.debit,
.dataTables-container table.grid.currentaccounts thead th.credit {
	width: 6em;
}
.dataTables-container table.grid.currentaccounts thead th.balance {
	width: 8em;
}

.dataTables-container table.grid.currentaccounts tbody tr.future {
	opacity: 0.5;
}
.dataTables-container table.grid.currentaccounts tbody td.debit {
	background-color: #ffd2d2;
}
.dataTables-container table.grid.currentaccounts tbody td.credit {
	background-color: #e2ffc3;
}
.dataTables-container table.grid.currentaccounts tbody td.current-account-credit {
	font-weight: normal;
}

form.currentaccounts-form {
	
}
form.currentaccounts-form.inline {
	display: inline-block;
	background-color: #eafada;
	background: -moz-linear-gradient(center top , rgba(200,250,100,0.2), rgba(200,250,100,0.5), rgba(200,250,100,0.2)) repeat scroll 0 0 transparent;
	border: 1px solid #0C6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}
form.currentaccounts-form.inline > p {
	display: inline-block;
	white-space: nowrap;
	margin: auto 5px;
	text-align: center;
}
form.currentaccounts-form > p input[disabled] {
	background-color: #eee;
}
form.currentaccounts-form.inline > p.description input {
	width: 15em;
}
form.currentaccounts-form.inline > p.debit input {
	width: 5em;
}
form.currentaccounts-form.inline > p.credit input {
	width: 5em;
}

.dataTables-container table.grid tr td.grid-text {
	max-width: 50em !important;
}


/**
* CURRENT ACCOUNT styles
*/
.journal-detail-link {
	cursor: pointer;
	font-weight: bold;
	color: #52a9ff;
}
.journal-detail-link:hover {
	text-decoration: underline;
}
.journal-detail-view {
	width: 600px;
	padding: 10px;
}


/**
* CURRENT ACCOUNT MOVEMENTS styles
*/
div.current-account-movements-container .flat_area big {
	margin-left: 30px;
}
div.current-account-movements-container .flat_area small {
	margin-left: 50px;
}
div.current-account-movements-container .current-account-details label {
	margin-left: 35px;
	margin-right: 5px;
}
div.current-account-movements-container .current-account-details span.current-account-balance {
	margin-right: auto;
}
div.current-account-movements-container .current-account-details-table table th.jid {
	width: 1em;
}
div.current-account-movements-container .current-account-details-table table th.date {
	width: 8em;
}
div.current-account-movements-container .current-account-details-table table th.description {
	width: 30em;
}
div.current-account-movements-container .current-account-details-table table th.debit,
div.current-account-movements-container .current-account-details-table table th.credit {
	width: 6em;
}
div.current-account-movements-container .current-account-details-table table th.balance {
	width: 8em;
}
div.current-account-movements-container .current-account-details-table table tr.future {
	opacity: 0.5;
}
div.current-account-movements-container .current-account-details-table table td.debit {
	background-color: #ffd2d2;
}
div.current-account-movements-container .current-account-details-table table td.credit {
	background-color: #e2ffc3;
}
div.current-account-movements-container .current-account-details-table table td.current-account-credit {
	font-weight: normal;
}


/**
* CASH styles
*/
.cash-detail-container button {
	font-weight: bolder;
	min-width: 125px;
}
.cashs-movements-detail .section > div,
.cash-detail-container .section > div {
	display: inline-block;
	vertical-align: top;
}

.cashs-movements-detail table.cash-detail,
.cash-detail-container table.cash-detail {
	font-size: 1.3em;
	width: auto;
	margin: 5px;
}
.cashs-movements-detail table.cash-detail tr td,
.cash-detail-container table.cash-detail tr td {
	padding: 7px;
}
.cashs-movements-detail table.cash-detail-incomes,
.cashs-movements-detail table.cash-detail-outcomes,
.cash-detail-container table.cash-detail-incomes,
.cash-detail-container table.cash-detail-outcomes {
	
}
.cashs-movements-detail table.cash-detail-incomes thead th,
.cashs-movements-detail table.cash-detail-outcomes thead th,
.cash-detail-container table.cash-detail-incomes thead th,
.cash-detail-container table.cash-detail-outcomes thead th {
	padding: 7px 2px;
	background: none;
	font-weight: bold;
}
.cashs-movements-detail table.cash-detail-incomes tbody td,
.cashs-movements-detail table.cash-detail-outcomes tbody td,
.cash-detail-container table.cash-detail-incomes tbody td,
.cash-detail-container table.cash-detail-outcomes tbody td {
	font-size: 85%;
	padding: 2px;
}

.cash-detail-container button.cash-open {
	height: 70px;
	margin: 20px 30px;
	font-size: 1.2em;
}
.cash-detail-container .cash-closed-warning {
	font-size: 1.5em;
	font-weight: bold;
}

.cash-detail-container .cash-movement-separator {
	margin: 5px;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px dotted gray;
}

.cash-detail-container form.cash-movement-form table.cash-movement {
	font-size: 1.2em;
	width: auto;
	margin: 5px;
}
.cash-detail-container form.cash-movement-form table.cash-movement tr td {
	padding: 5px;
	vertical-align: bottom;
}
.cash-detail-container form.cash-movement-form .cash-actions {
	
}
.cash-detail-container form.cash-movement-form .cash-actions button {
	display: block;
	width: 120px;
}
.cash-detail-container form.cash-movement-form .cash-actions button.cash-close {
	font-size: 1em;
}
.cash-detail-container form.cash-movement-form .cash-actions button.movements {
	font-size: 1.3em;
	height: 55px;
	margin-top: 10px;
}
.cash-detail-container form.cash-movement-form .cash-ptype {
	text-align: right;
}
.cash-detail-container form.cash-movement-form .cash-ptype select {
	width: 110px;
	font-size: 1em;
}
.cash-detail-container form.cash-movement-form .cash-mtype {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}
.cash-detail-container form.cash-movement-form .cash-amount {
	text-align: right;
}
.cash-detail-container form.cash-movement-form .cash-amount span {
	display: inline-block;
	width: 10px;
	font-weight: bold;
}
.cash-detail-container form.cash-movement-form .cash-amount input {
	width: 80px;
	font-size: 1em;
	font-weight: bold;
}
.cash-detail-container form.cash-movement-form .cash-date {
	text-align: right;
}
.cash-detail-container form.cash-movement-form .cash-date input {
	width: 80px;
	text-align: center;
	font-size: 12px;
	padding: 0;
	margin: 9px auto 4px 14px;
}

.dataTables-container table.grid.cash-movements thead th.debit {
	width: 8em;
}
.dataTables-container table.grid.cash-movements thead th.credit {
	width: 8em;
}

.dataTables-container table.grid.cash-movements tbody td.debit {
	background-color: #ffd2d2;
}
.dataTables-container table.grid.cash-movements tbody td.credit {
	background-color: #e2ffc3;
}

.dataTables-container table.grid.movements tbody td.debit {
	background-color: #ffd2d2;
}
.dataTables-container table.grid.movements tbody td.credit {
	background-color: #e2ffc3;
}

.payment-cash {
	text-align: center;
	margin: auto;
}
.payment-cash .no-cash {
	color: red;
}