/* DEFAULT SKIN + SELECTOR DE FECHA + SELECTOR DE COLOR */
BODY{ margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; cursor:default; background:#F0F0F0;}
H1{ font-size:16px; color:#0000FF; margin:3px;}
FORM{ margin:0; padding:0;}
A img{ text-decoration:none; border:none;}
A:hover{text-decoration:underline;}
.grupos{
    display: none;
}
#cabecera{ background-position:left top; background-repeat:no-repeat; width:100%;}
		#menu_superior{
		color:#FFFFFF;
		border-bottom: solid 2px #fff;
		float:right;
		padding:5px;
		font-size:15px;
		line-height:30px;
		}
		#menu_superior A{
		color:#666;
		text-decoration:none;
		}
		#menu_superior A:hover{
		text-decoration:overline;}
		#sb_content{
		text-align:left;
		font-size:12px;
		padding:0px;
		margin:0px;
		}
		#sb_content UL{
		padding:0px;
		text-align:left;
		margin:0px;
		}
		#sb_content LI{
		text-decoration:none;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		}
		#sb_content LI A{
		color:#333333;
		padding: 5px 0 0 15px;
		display:block;
		text-decoration:none;
		margin-top:3px;
		margin-bottom:0px;

		background-image:url(images/boton_sidebar.jpg);
		background-repeat:repeat-x;
		background-position:top;
		border-bottom:solid 1px #000000;
		border-top:solid 1px #CCCCCC;
		}
		#sb_content LI IMG{
		margin:0px;
		padding:0px;
		}
		#sb_content LI A:hover{
		text-decoration:none;
		background-image:url(images/boton_sidebar_over.jpg);
background-repeat:repeat-x;
		background-position:top;
		}
#menu_principal span{
	color:#545454;	
}
#menu_principal{
	height:auto;
	padding-left:20px;
	line-height:40px;
	background-color: #F0F0F0;
}
#menu_principal A{
	font-size:15px;
	color:#555;
	text-decoration:none;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	display:block;
	float:left;
}
#menu_principal A:hover, A#menu_selected{ text-decoration:underline !important; }
#menu{background-color:#007dd4;border-bottom: solid 1px #6FB0E4;border-top: solid 1px #6FB0E4;height:30px;}
#menu H3{color:#FFFFFF;}
#cuerpo{width:100%; clear:both;}
#content{background-color:#FFFFFF;padding:0px;}
#contentbody{background-color:#FFFFFF; overflow-x:hidden; overflow-y:scroll;}	
#pie{ display:none; }
#sidebar{float:left;background-color:#F0F0F0; }

#sidebar a{ color: #666; display:block; text-align:left; margin-bottom:20px; font-weight:bold; font-size:1.4em; margin-left:10px; text-decoration:none; margin-right:10px; 
	border-bottom:1px solid #F0F0F0;
}
#sidebar a::before{
	content: "> ";
	font-size:12px;
}

#sidebar a#menu_selected::before{
	color:#666;
}
#sidebar a:hover::before{
	color:#FFF;
}

#sidebar a#menu_selected{
	border-bottom:1px solid #666;
}
#sidebar a:hover{
	border-bottom:1px solid #FFF;
}

#handle { display:none; }
#handle:hover {background-color:#F5F5F5;}
FIELDSET{
	margin:45px 20px 30px !important;
	background:#EBEBEB;
	border:none;
	border-radius:0px;
	padding: 20px !important;
	border: 2px solid #323784 !important;
}
LEGEND{
	color:#2D3487;
	font-size:2em;
	font-weight:bold;
	padding-bottom:19px;
	padding-left:0px !important;
	}

fieldset > legend:first-child{
	margin-top:-60px !important;
}

.info{
padding:15px;
margin:10px 1%;
background:#999;
color:#FFF;
font-weight:bold;
text-align:center;
}
.botones{ text-align:right; background-color:#F4F4F4;}
/*
MOO RAINBOW
Selector de color
*/
#mooRainbow { font-size: 11px; color: #000; }
.moor-box {width: 390px;height: 310px;border: 1px solid #636163;background-color: #f9f9f9;}
.moor-overlayBox {width: 256px;height: 256px;margin-top: 9px;margin-left: 9px;border: 1px solid #000;}
.moor-slider {border: 1px solid #000;margin-top: 9px;margin-left: 280px;width: 19px;height: 256px;}
.moor-colorBox {border: 1px solid #000;width: 59px;height: 68px;margin-top: 20px;margin-left: 315px;}
.moor-currentColor {margin-top: 55px;margin-left: 316px;width: 59px;height: 34px;}
.moor-okButton {font-family: Tahoma;font-weight: bold;font-size: 11px;margin-top: 278px;margin-left: 8px;background: #e6e6e6;height: 23px;border: 1px solid #d6d6d6;border-left-color: #f5f5f5;border-top-color: #f5f5f5;}
#mooRainbow label { font-family: mono;}
.moor-rLabel { margin-top: 100px; margin-left: 315px;}
.moor-gLabel { margin-top: 125px; margin-left: 315px;}
.moor-bLabel { margin-top: 150px; margin-left: 315px;}
.moor-HueLabel { margin-top: 190px;	margin-left: 315px;}
span.moor-ballino {	margin-top: 190px; margin-left: 370px;}
.moor-SatuLabel { margin-top: 215px; margin-left: 315px;}
.moor-BrighLabel { margin-top: 240px; margin-left: 315px;}
.moor-hexLabel { margin-top: 275px; margin-left: 280px;}
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { width: 30px;}
.moor-hexInput {width: 55px;}
.moor-cursor {background-image: url(images/moor_cursor.gif);width: 12px;height: 12px;}
.moor-arrows {background-image: url(images/moor_arrows.gif);top: 9px;left: 270px;width: 41px;height: 9px;}
.moor-chooseColor {margin-top: 21px;margin-left: 316px;width: 59px;height: 34px;}
/*
DATE PICKER
*/
input.DatePicker{width: 150px;border: 1px solid #0070bf;font-size: 13px;display: block;padding: 3px 3px 3px 24px;background: #fff url(images/date.gif) no-repeat top left;cursor: pointer;}
input:focus.DatePicker{	background: #fffce9 url(images/datefocus.gif) no-repeat top left; }
.dp_container{position: relative;padding: 0;z-index: 500;}
.dp_cal{background-color: #fff;border: 1px solid #0070bf;position: absolute;width: 177px;top: 24px;left: 0;margin: 0px 0px 3px 0px;
}
.dp_cal table{ width: 100%;	border-collapse: collapse; border-spacing: 0;}
.dp_cal select{	margin: 2px 3px; font-size: 11px;}
.dp_cal select option{	padding: 1px 3px;}
.dp_cal th,
.dp_cal td{width: 14.2857%;text-align: center;font-size: 11px;padding: 2px 0;}
.dp_cal th{border: solid #aad4f2;border-width: 1px 0;color: #797774;background: #daf2e6;font-weight: bold;}
.dp_cal td{	cursor: pointer;}
.dp_cal thead th{ background: #d9eefc;}
.dp_cal td.dp_roll{	color: #000; background: #fff6bf;}
.dp_hide{ visibility: hidden;}
.dp_empty{ background: #eee;}
.dp_today{ background: #daf2e6;}
.dp_selected{ color: #fff; background: #328dcf;}
/*
TOOLTIP
*/
.tool-tip {font-size: 11px;color: #fff;background: #333333;width: 200px;z-index: 1300;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #0066CC;padding: 3px;background: #CCCCCC;}
.tool-text {padding: 4px 8px 8px;}
/*---------- SIDEBAR ------------------------*/
.sidebar_open{width:175px;}
.sidebar_close{width:15px;display:none;}
.handle_close{background:#F9F9F9 url(images/arrow-left.gif) no-repeat scroll center;}
.handle_open{background:#F9F9F9 url(images/arrow-right.gif) no-repeat scroll center;}

.with_sidebar{display:block; float:right; clear:none;}

.without_sidebar{margin-left:0px;}
/*--------------------------------------------*/
/* PANTALLA DE CARGA */
#loadText{text-align:center;position:absolute;left:300px;top:0px;width:300px;padding-top:5px;background-color:#007dd4;border-width:2px;border-color:#FFFFFF;border-style:solid;z-index:1000;}
#loadText2{font-family:Verdana;font-size:10px;font-weight:bold;color:#fff;margin:auto;}
#loadText P{ background-image:url(images/loading.gif); background-position:center; background-repeat:no-repeat; display:block; height:20px; width:300px; margin:auto;}
/*
	CLASS SORTABLE
*/

table.tabla_sort{ width:100%; margin:0px;border-spacing: 0;border-bottom: 1px solid #000;background-color:#FFFFFF;border-collapse:collapse; border-radius: 5px !important; overflow: hidden !important;}
table.tabla_sort .th, table.tabla_sort td {text-align: left;padding: 4px 4px 4px 14px;border-color: #444;}
table.tabla_sort .th { font-weight: bold; border:none;border-bottom: solid 2px #38607E; background-color: #F0F0F0; font-size:1.1em; color:#38607E;margin:3px;width:auto;}
table.tabla_sort .th a{ text-decoration:none; color:#FFFFFF;}
table.tabla_sort .th:hover{ background-color:#FFFFFF;}
table.tabla_sort td {	text-align:left; border-bottom:solid 1px #CCCCCC;}
table.tabla_sort tr:hover { background-color: #F0F0F0;}
.tabla_sort a{ color:#06C; }
table.tabla_sort A IMG,table.tabla_sort IMG{padding:2px;color:#0066CC;display:table-cell;width: 30px; margin-left:5px; float:left; clear:none;}



table.sortable{ width:100%; margin:0px;border-spacing: 0;border-bottom: 1px solid #000;background-color:#FFFFFF;border-collapse:collapse; border-radius: 5px !important; overflow: hidden !important;}
table.sortable th, table.sortable td {text-align: left;padding: 4px 4px 4px 14px;border-color: #444;}
table.sortable th { border:none;border-bottom: solid 2px #F49D3C; background-color: #FCD16A; font-size:1.1em; color:#2D3487;margin:3px;width:auto;}
table.sortable th a{ text-decoration:none; color:#FFFFFF;}
table.sortable th:hover{ background-color:#FFFFFF;}
table.sortable td {	text-align:left; border-bottom:solid 1px #CCCCCC;}
table.sortable tr:hover { background-color: #F0F0F0;}
.sortable a{ color:#06C; }
table.sortable A IMG,table.sortable IMG{padding:2px;color:#0066CC;display:table-cell;width: 30px; margin-left:5px; float:left; clear:none;}
.sortedASC {background: url(images/icon-table-sort-asc.png) no-repeat 2px 4px #eee; color:#000000;}
.sortedDESC {background: url(images/icon-table-sort-desc.png) no-repeat 2px 10px #eee; color:#000000;}

.fc-scroller{
	height:auto !important;
	}
/*
TABS PESTAŅAS
*/
.tabs_title{list-style-image: none;list-style-type: none;margin: 0px;margin-left:5px;margin-top:10px;padding: 0px;height: 24px;}
.tabs_title a{float: left;background-image:url(tab/tab.png);background-repeat:repeat-x;padding: 2px 8px 2px 8px;margin-right: 2px;cursor: pointer;height: 18px;font-size:11px;border:#CCCCCC solid 1px;}
.tabs_title a:hover{background-image:url(tab/tab.hover.png);background-repeat:repeat-x;}
.tabs_panel{display: none;background-color: #fff;border:#CCCCCC solid 1px;position: relative;top: -1px;clear: both;overflow: visible;margin-left:5px;margin-right:5px;padding:5px;}
/*
AJAX LOADERS
*/
.ajax-loading{background: url(images/loading.gif) no-repeat center; height:200px;}
.ajax-loading-little{background: url(images/ajax-loader.gif) no-repeat center; height:15px; width:120px; background-position:right;}
/*
VENTANA FLOTANTE
*/
#dialog-mask{position:absolute; top:0; left:0; min-height:100%; width:100%; background:#999999; opacity:.75; filter:alpha(opacity=75); z-index:100}
#dialog{position:absolute;top:50px;left:150px;width:700px;padding:10px;z-index:200;background:#fff;opacity:1;filter:alpha(opacity=100);}
#dialog-header {display:block; position:relative; width:685px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold;background:url(images/prompt_header.gif) repeat-x;color:#FFFFFF; border:1px solid #4f6d81; border-bottom:none;}
#dialog-title {float:left;}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block;height:460px;padding:6px;color:#666666;font-size:13px;border:1px solid #4f6d81;border-top:none}
#overlay{visibility:hidden;position:absolute;left:0px;top:0px;width:100%;height:100%;text-align:center;z-index:99;}
#modal{width:600px;background-color: #fff;border:5px solid #000;position:relative;top:100px;margin: auto;padding:0px;z-index:1002; text-align:center;overflow:visible;}
/*
PAGINACION
*/
#paginacion{
	padding:3px;
	margin:0px 5px 5px 5px;
	display:block;
	text-align:right;
	font-size:12px;
}
#paginacion A{
	font-size:12px;
	color:#000000;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	margin-left:4px;
	border:solid 1px #666666;
	background-image:url(images/boton_sidebar.jpg);
background-repeat:repeat-x;
		background-position:top;
}
#paginacion A:hover{
	background-image:url(images/boton_sidebar_over.jpg);
background-repeat:repeat-x;
		background-position:top;
}
#paginacion .paginaactual{
background-image:url(images/boton_sidebar_over.jpg);
background-repeat:repeat-x;
		background-position:top;
}
input[type=submit], button{
	font-size:0.9em !important;
	padding:7px 10px;
	border:none;
	color:#2D3487;
	margin:10px;
	cursor:pointer;
	font-weight: 600;
	background-color:#DDC2DE;
	border-radius: 5px;

	}
input[type=submit]:hover, button:hover{
	background-color:#E9A242 !important;
}
#secundario{
	font-size:1em !important;
	border-radius: 5px;
	margin: 10px;
}
.fc-view-container{
	background-color:#FFF !important;
	}



textarea, select, input[type=text], input[type=number]{
	padding: 3px 5px;
	border-radius: 8px;
	border: none;
	width: 99% !important;
	background-color: #FFF;
	line-height:25px;
	font-size:1.1em;
	border:1px solid #aaa !important
}

input[type=submit]:hover, button:hover{
	background-color:#666;
}

@media (max-width: 1400px) {
  #contentbody {
  	overflow-x: auto !important;
  }
}
.ui-dialog .ui-dialog-titlebar-close{
	background: url(https://www.ordenygestion.com/clientes/images/close_icon.png) center center no-repeat !important;
    background-size: contain;
    outline: none !important;
}
.fc-event {
    border-width: 0px 0px 0px 10px !important;
    box-shadow: -1px -1px 3px #AAA
}
fieldset #secundario{
	margin-left: 0px;
}