/*
.checkbox, .radio { margin-bottom: 8px; margin-top: 4px; }
*/
.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* menus multi nivel */
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* twsaint */
.estado-0, .estado-NO	{color:#888;}
.estado-1				{color:#e83;}
.estado-2, .estado-SI	{color:#2c2;}
.translation 			{color:#aaa;}
.translation .has	{color:#337ab7;}
.negrita 			{font-weight: bold !important;}
.cursiva 			{font-style: italic !important;}

a.default-action,
a.default-action span { font-weight: bold !important; }

.level-0	{}
.level-1	{padding-left:10px;}
.level-2	{padding-left:20px;}
.level-3	{padding-left:30px;}
.level-4	{padding-left:40px;}
.level-5	{padding-left:50px;}
.level-6	{padding-left:60px;}
.level-7	{padding-left:70px;}
.level-8	{padding-left:80px;}
.level-9	{padding-left:90px;}

/* Iconos */
.icon			{padding:2px 4px 2px 28px !important;  background-position:0 center; background-repeat: no-repeat;}
.icon2 			{padding:2px 4px 2px 16px !important;  background-position:0 0; background-repeat: no-repeat;}
.soloicon		{padding:0 !important; width:28px; height:25px; background-position: center center; background-repeat: no-repeat;}
.lista li.icon,
.lista .icon	{padding:2px 4px 2px 20px !important; height:16px;}
a.icon 			{padding:2px 4px 2px 28px !important;}
a.icon:hover	{text-decoration:none;}

/* filemanager */
.filemanager { }
.filemanager .ruta					{ line-height:16pt;padding:2px;font-size:1.1em; }
.filemanager .ruta .caption { font-weight:bold; }
.filemanager .ruta li				{ display:inline; }
.filemanager tr,
.filemanager tr.file,
.filemanager tr.dir				{ background-image: none; background-repeat: no-repeat; }
/*
.filemanager .dir 				{ background-image: url( ../images/filemanager/folder.png ); }
.filemanager .dir .ren		{ background-image: url( ../images/filemanager/folder_edit.png ); }
.filemanager .dir .del		{ background-image: url( ../images/filemanager/folder_delete.png ); }
.filemanager .mkdir				{ background-image: url( ../images/filemanager/folder_add.png ); }
*/
.filemanager .operation 	{ padding:20px; margin:5px; background-color:#fff; border:1px solid #ccc; }
.filemanager .operation h1{ padding:0 0 10px 0; }
.filemanager .acciones 		{ }
.filemanager td.icon 			{ padding: 2px 2px 2px 20px !important; }
.filemanager td img 			{ padding: 0 4px; }
/* extensiones de archivos */
.filemanager .file 				{ background-image: url( ../images/filemanager/file.png ); }
.filemanager .file .jpg		{ background-image: url( ../images/filemanager/file_jpg.png ); }
.filemanager .file .gif 	{ background-image: url( ../images/filemanager/file_gif.png ); }
.filemanager .file .png 	{ background-image: url( ../images/filemanager/file_png.png ); }
.filemanager .file .txt 	{ background-image: url( ../images/filemanager/file_txt.png ); }

/* CALENDAR  DIV containing a table. */
div.calendar { position: relative; z-index: 1000;}
.calendar, .calendar table {
  border: 1px solid #206A9B;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #F1F8FC;
  font-family: tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 4px; /*2px*/         /* Make the buttons seem like they're pressing */
}
.calendar .nav {
  /*background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%;*/
  background: #007ED1;
}
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #000;
  color: #fff;
  padding: 4px; /*2px*/
}
.calendar thead tr { /* Row <TR> containing navigation buttons */
  background: #007ED1;
  color: #fff;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C7E1F3;
}
.calendar thead .name { /* Cells <TD> containing the day names */
  /*border-bottom: 1px solid #206A9B;*/
  padding: 4px; /*2px*/
  text-align: center;
  color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #34ABFA;
  color: #000;
  /*
  border: 1px solid #016DC5;
  padding: 1px;
  */
}
.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #006AA9;
  /*border: 1px solid #008AFF;*/
  /*padding: 2px 0px 0px 2px;*/
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 8px; /*2px 4px 2px 2px*/
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}
.calendar table .wn {
  /*padding: 2px 3px 2px 2px;*/
  /*border-right: 1px solid #000;*/
  background: #C7E1F3;
}
.calendar tbody .rowhilite td {
  background: #def;
}
.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #fcfcfc;
  /*background: #def;*/
  /*padding: 1px 3px 1px 1px;*/
  /*border: 1px solid #8FC4E8;*/
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  /*padding: 2px 2px 0px 2px;*/
}
.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  /*border: 1px solid #000;*/
  /*padding: 1px 3px 1px 1px;*/
  background: #fff;
  color: #000;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #000;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}
.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}
.calendar td.time .ampm {
  text-align: center;
}
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}
.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}
.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}

/* ColorBox Core Style
The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox example user style
The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com

#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
*/

/*
#colorbox{ }
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; border:0; }
#cboxClose.hover{background-position:-25px -25px;}
*/

#cboxContent{ background:#fff; }
#cboxLoadedContent{ padding: 10px 0 0 0; }
#cboxClose {
	position: absolute;
	top: 0px; right: 4px;
	/* bottom: 4px; right: 4px; */
	width:25px; height:25px; text-indent:-9999px;	border: 0;
	background: transparent url(../images/colorbox/controls.png) -25px 0px no-repeat;
}
#cboxTitle {
	position: absolute;
	bottom:0; right: 0; width: 100%;
	color: #949494; text-align: center; padding: 4px;
	background-color: #eee;
	height: 26px;
	display: none !important;
}
#cboxWrapper { border: 2px solid #CCC; }

#cboxLoadedContent .tree label {display:block; clear:both; width:98%; overflow:hidden;}

/* livesearch */
.twlivesearch_dropdown 		{ display: none; position: absolute; z-index: 999999; margin: 0; padding: 0; border: 1px solid WindowFrame; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: Window; color: WindowText; text-align: left; }
.twlivesearch_dropdown ul	{ width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.twlivesearch_dropdown li	{ margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: Menu; overflow: hidden; }
.twlivesearch_selected		{ background-color: Highlight; color: HighlightText; }
.twlivesearch_loading		{ background: url("../images/loading-input-on.gif") no-repeat scroll center right transparent !important; }

/* tinymce */
div.mce-fullscreen {
    position: fixed;
    /* top: 100px !important;
    left: 240px !important;
    right: 30px !important; */
		top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    height: auto;
    border: 1px solid #ccc;
		z-index: 9999;
		box-shadow:0 0 10px rgba(0,0,0,.5)
}
.sidebar-collapse div.mce-fullscreen {
  left: 60px !important;
}

/* acciones */
.default-action .dropdown-menu { margin:0 !important }

/* tree */
.form-checkbox.tree {height: 350px; overflow-y:scroll; background: rgb(245,245,245)}
.form-checkbox.tree label {margin-left: 4px;}

/* navs */
.nav-tabs .p0 { padding:0; }

/* idiomas */
.idiomas .is_main a { font-weight: bold; color: darkblue; }
.idiomas .is_main a::before { content: '* '; }

.main-footer 					{color:#ccc; background-color:#FCFCFC; border:0; text-align:center; margin:0 auto; vertical-align:top;}
.main-footer .imagen 	{margin-right:15px; text-align:center; display:inline-block;}
.main-footer .textos 	{margin-left:15px; text-align:center; display:inline-block;}