/* General
----------------------------------------------------------------------------------------------------*/
body {
	padding-top: 60px;
	background-color:#757575;
	background: url(../images/bg/bgescala.jpg) left top repeat;
	font-family: arial;
	/*background: url(../images/bg/bg_silver.jpg) left top no-repeat #E5E5E5;*/
}

#logoescala {
	width:261px;
	height:64px;
	position:fixed;
	bottom:-2px;
	left:15px;
	z-index:-1;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
/*url('../images/pIkfp.gif') */   
.modalEscala {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loading_verde.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalEscala {
    display: block;
}
/*
.bg_main_01 {
	background: url(../images/bg/irongrip.png) center top repeat;
}
.bg_main_02 {
	background: url(../images/bg/dark_brick_wall.png) center top repeat;
}
.bg_main_03 {
	background: url(../images/bg/darth_stripe.png) center top repeat;
}
.bg_main_04 {
	background: url(../images/bg/always_grey.png) center top repeat;
}
.bg_main_05 {
	background: url(../images/bg/ravenna.png) center top repeat;
}
.bg_main_06 {
	background: url(../images/bg/random_grey_variations.png) center top repeat;
}
.bg_main_07 {
	background: url(../images/bg/fabric_plaid.png) center top repeat;
}
.bg_main_08 {
	background: url(../images/bg/white_brick_wall.png) center top repeat;
}
.bg_main_09 {
	background: url(../images/bg/vertical_cloth.png) center top repeat;
}
.bg_main_10 {
	background: url(../images/bg/whitey.png) center top repeat;
}
.bg_main_11 {
	background: url(../images/bg/farmer.png) center top repeat;
}
.bg_main_12 {
	background: url(../images/bg/padded.png) center top repeat;
}
.bg_main_13 {
	background: url(../images/bg/dark_geometric.png) center top repeat;
}
.bg_main_14 {
	background: url(../images/bg/rubber_grip.png) center top repeat;
}
.bg_main_15 {
	background: url(../images/bg/black_linen_v2.png) center top repeat;
}
.bg_main_16 {
	background: url(../images/bg/crissXcross.png) center top repeat;
}
.bg_main_17 {
	background: url(../images/bg/mirrored_squares.png) center top repeat;
}
.bg_main_18 {
	background: url(../images/bg/darkdenim3.png) center top repeat;
}*/
#logo {
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
	height: 75px;
}
body footer p, body .footer p {
	color:#fff;
}
.logo {
	background-image: url(../images/logo.png);
	width: 204px;
}
.logo.dark {
	background-image: url(../images/logo-dark.png);
}
.login_logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.logo-small {
	background-image: url(../images/logo-small.png);
	width: 38px;
}
.logo-small.dark {
	background-image: url(../images/logo-dark-small.png);
	width: 38px;
}
/* expand class for closed nav */	  
.container-fluid > .expand_to_nav {
	margin-left: 60px;
}
.normal-unit {
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.box_padding_10 *, .box_padding_10 > * {
	padding-left:10px;
	padding-right:10px;
}
.box_padding_20 *, .box_padding_20 > * {
	padding-left:20px;
	padding-right:20px;
}
.padding_10 {
	padding:10px;
}
.margin_10 {
	margin:10px;
}
.box_margin_10 *, .box_margin_10 > * {
	margin-left:10px;
	margin-right:10px;
}
.padding_20 {
	padding:20px;
}
.clear_left {
	clear:left;
}
/* box styles */
.dashed_box_placeholder {
	background-color: #DDDDDD;
	border: 1px dashed #AAAAAA;
	display: block;
	/* float: left;*/
    margin-bottom: 13px !important;
	margin-left: 1%;
	margin-right: 0.6%;
}
.dashed_box_placeholder * {
	visibility:hidden;
}
.column {
	min-height:20px;
}
.box {
	position: relative;
	padding:0;
	margin-bottom:20px;
	height:auto;
}
.box h2.box_head {
	font-size:13px;
	font-weight:bold;
	line-height:32px;
	/*background-color:#4c5766;*/
	/* */
	margin:-1px auto 0px;
	text-indent:10px;
	/*text-shadow:0px 1px 0px #000;*/
	-webkit-user-select: none;
	height:32px;
	-webkit-text-size-adjust: none;
	cursor:move;
}
.box .block {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	position:relative;
	background: none;
	background-color:white;
	border-bottom:1px solid #ccc;
	border-width:1px 0;
	height:auto;
}
.grad_colour {/*
	background: #4c5766;
	background: -moz-linear-gradient(top, #4c5766 0%, #313841 99%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c5766), color-stop(99%, #313841));
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841', GradientType=0 ); 
	background: -o-linear-gradient(top, #4c5766 0%, #313841 99%);
	background: linear-gradient(top, #4c5766 0%, #313841 99%);
	background: -ms-linear-gradient(top, #4c5766 0%, #313841 99%);
	border:1px solid #313841;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	zoom:1;*/
}
.box_2_col .box, .box_3_col .box, .box_4_col .box {
	display: inline;
	float: left;
	margin-right:20px;
}
.box_2_col .box:last-child, .box_3_col .box:last-child, .box_4_col .box:last-child {
	margin-right: 0px;
}
.box_2_col, .box_1_col, .box_3_col, .box_4_col, .box_1_col .box {
	width: 940px;
}
.box_2_col .box {
	width: 460px;
}
.box_3_col .box {
	width: 300px;
}
.box_4_col .box {
	width: 220px;
}
/* Jquery UI icons */
ul#icons {
	margin: 0;
	padding: 0;
}
ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
/* Base Theme
----------------------------------------------------------------------------------------------------*/
.bar_nav ul, .side_nav ul {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*border:1px solid #000;*/
	background-color: transparent;
}
.bar_nav ul ul, .side_nav ul ul {
	border:1px solid #666;
}
.bar_nav ul li a, .side_nav ul li a {
	/*	color: #666;*/
	text-shadow: 0px 1px 0px #fff;
}
.bar_nav ul li:hover > a, .side_nav ul li:hover > a {
	color: #fff;
	text-shadow: none;
}
.bar_nav > ul > li > a {
	border-top: 1px solid #ddd;
	border-right: 1px solid #FFF;
	border-left: 1px solid #ddd;
}
.bar_nav > ul > li.send_right > a {
	border-left: 1px solid #FFF;
	border-right: none;
}
.bar_nav > ul > li.send_right:hover > a {
	border-right: none;
}
.bar_nav > ul > li:hover > a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid #888b90;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	display: block;
}
.bar_nav > ul > li:first-child > a {
	border-left: none;
}
.bar_nav > ul > li:last-child > a {
	border-right: none;
}
.bar_nav ul li a, .side_nav ul li a {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
}
.bar_nav ul li.active:last-child > a, .side_nav ul li.active:last-child > a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
li:last-child > div.accordion > a:last-child {
	border-bottom: none;
}
.bar_nav ul li ul li:last-child > a:hover, .side_nav ul li ul li:last-child > a:hover {
	border-bottom: 1px solid #888b90;
}
.bar_nav ul li ul li:first-child > a, .side_nav ul li ul li:first-child > a {
	border-top: 0px solid transparent;
}
.bar_nav ul li ul li:first-child:hover > a, .side_nav ul li ul li:first-child:hover > a {
	border-top: 0px solid #999;
}
.bar_nav ul ul li:hover > a, .side_nav ul li:hover > a {
	border-bottom: 1px solid #888b90;
	border-top: 1px solid #888;
}
.bar_nav > ul > li > ul li:first-child > a, .side_nav > ul li:first-child > a {
}
.bar_nav ul li:last-child ul a {
	margin-bottom: 0px;
}
/* Drop Box
----------------------------------------------------------------------------------------------------*/

.drop_box {
	color: #000;
	padding: 10px;
	background-color: #fff;
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0px;
	z-index: 10;
	border: 1px solid #666;
}
.drop_box fieldset {
	display: block;
	float: none !important;
	clear: both;
}
.nav_up .drop_box {
	top:auto;
	bottom:100%;
}
.side_nav .drop_box {
	top:0;
	bottom:auto;
	left:100%;
}
.drop_box.right {
	left:auto;
	right:0;
}
li:hover .drop_box {
	display: block;
}
.drop_box form input {
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 10px;
}
.drop_box button {
	display: block;
}
/* Accordion
----------------------------------------------------------------------------------------------------*/

li.openable {
	position: relative;
}
li.openable.active > a {
	color:#fff;
	text-shadow: none;
	border-top: 1px solid #888;
	border-bottom: 1px solid #666;
}
li.openable div.accordion {
	color:#666;
	border-top: 0px solid #fff;
	font-weight: normal;
	display: none;
}
li.openable div.accordion a {
	background: url(../images/nav_bullet.png) 15px no-repeat;
	padding-left: 30px;
	font-weight: normal;
}
li.openable div.accordion a:hover {
	font-weight: bold;
}
li div.accordion {
	display: none;
}
li:target > div.accordion {
	display: block;
}
li.openable.active a {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.accordion > li.openable.active:first-child > a {
	-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;
}
ul.accordion > li.openable:last-child div.accordion a:last-child, ul.accordion > li.openable:last-child div.accordion {
	-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;
	border-bottom: none;
}
#side_nav ul li.openable div.accordion a {
	background: url(../images/nav_bullet.png) 20px no-repeat;
	padding-left: 37px;
	background: #f5f5f5; /* old browsers */
}
#side_nav ul li ul li.openable div.accordion a {
	background: url(../images/nav_bullet.png) 6px no-repeat;
	padding-left: 23px;
}
/* Mega Menu
----------------------------------------------------------------------------------------------------*/

.mega_menu {
	top:100%;
	left:0;
	position: absolute;
	/* 	display: none; */
	color: #666;
	margin:0px -1px;
	padding-top:10px;
	z-index: 200;
	width: 100%;
	border: 1px solid #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#fff;
	z-index: 30;
}
.nav_up .mega_menu {
	top:auto;
	bottom:100%;
}
.mega_menu div {
	margin: 0 10px;
}
.mega_menu .alpha {
	margin-left: 0px;
	margin-right: 9px;
}
.mega_menu .omega {
	margin-right: 0px;
}
li:hover .mega_menu {
	display: block;
}
li.has_mega_menu {
	position: static !important;
}
li.has_mega_menu a {
	position: relative;
	padding-right: 22px !important;
}
li.has_mega_menu a span.icon {
}
/* Icons
----------------------------------------------------------------------------------------------------*/
li a span.icon {
	right: 5px;
	margin-top: -1px;
}
li span.icon, li a span.icon {
	background: url(../images/nav_right.png) no-repeat;
	position: absolute;
	right:5px;
	width: 12px;
	height: 12px;
	top:11px;
	display: block;
	cursor: pointer;
}
li span.left.icon {
	background: url(../images/nav_left.png) no-repeat;
}
li.openable span.icon, #side_nav ul li.toggle span.icon {
	background: url(../images/nav_plus.png) no-repeat;
}
li.openable.active span.icon, li.openable.active span.icon {
	background: url(../images/nav_minus.png) no-repeat;
}
.nav_down > ul > li > a > span.icon, .nav_down li.has_mega_menu span.icon {
	background: url(../images/nav_down.png) no-repeat;
}
.nav_up > ul > li > a > span.icon, .nav_up li.has_mega_menu span.icon {
	background: url(../images/nav_up.png) no-repeat;
}
/* Gradients
----------------------------------------------------------------------------------------------------*/
.grad_grey, .bar_nav ul a, .side_nav ul a, .bar_nav ul, .side_nav ul, .drop_box {
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* webkit */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #ffffff 0%, #ededed 99%);
	background: linear-gradient(top, #ffffff 0%, #ededed 99%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 99%);
}
.grad_grey_reverse, .bar_nav ul li:hover > a, .side_nav ul li:hover > a, ul li.openable.active > a {
	background: #ddd; /* old browsers */
	background: -moz-linear-gradient(top, #a0a3a8 0%, #888b90 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a3a8), color-stop(100%, #888b90)); /* webkit */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a3a8', endColorstr='#888b90', GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #a0a3a8 0%, #888b90 100%);
	background: linear-gradient(top, #a0a3a8 0%, #888b90 100%);
	background: -ms-linear-gradient(top, #a0a3a8 0%, #888b90 100%);
}
/* Round Corners and text effects
----------------------------------------------------------------------------------------------------*/

.round_all {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.round_top {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius: 3px 3px 0 0;
}
.round_bottom {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 0 0 3px 3px;
}
.round_left {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 3px 0 0 3px;
}
.round_right {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius:0 3px 3px 0;
}
.round_yyny {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 3px;
	-moz-border-radius-bottomright: 0;
}
.round_nnny {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.text_highlight {
	text-shadow:0px 1px 0px #FFFFFF;
}
.text_shadow {
	text-shadow:0px 1px 0px #000;
}
/* Special grid styles
-------------------------------------------------- */
.show-grid {
	margin-top: 10px;
	margin-bottom: 10px;
}
.show-grid [class*="span"] {
	background: #eee;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	line-height: 30px;
}
.show-grid:hover [class*="span"] {
	background: #ddd;
}
.show-grid .show-grid {
	margin-top: 0;
	margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
	background-color: #ccc;
}
/* bootstap */
.btn-shortcut {
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:55px;
	width:55px;
	float: right;
	margin-bottom: 20px;
	margin-top:10px;
	margin-left: 15px;
}
.shortcut .btn-shortcut {
	height:55px;
	width:55px;
	padding:4px 15px 4px;
}
.shortcut .btn-shortcut img {
	margin-top:5px;
}
.shortcut .btn-shortcut .label {
	position: relative;
	display: inline-block;
	top: -72px;
	margin-left: 63px;
	line-height: normal;
}
/* Text Box */
.flat_box {
	margin-bottom: 20px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.flat_box .content {
	padding: 10px;
}
/* For input sizes, make them display block */
.docs-input-sizes select, .docs-input-sizes input[type=text], .docs-input-sizes .chzn-container {
	display: block;
	margin-bottom: 9px;
}
.dataTables_wrapper label select {
	display:inline;
}
.dataTables_wrapper select, .dataTables_wrapper input {
	margin-bottom:0px;
	width:auto;
}
/* Statistics */

ul.statistics, ul.members {
	margin: 10px 0;
}
.box ul.statistics li, .box ul.members li {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #fff;
	list-style: none;
}
ul.statistics li:first-child, ul.members li:first-child {
	border-top: none;
}
ul.statistics li:last-child, ul.members li:last-child {
	border-bottom: none;
}
ul.statistics li a {
	color: #666;
	display: block;
	line-height: 32px;
	text-decoration: none;
}
ul.members li a {
	margin-top:10px;
	margin-bottom:10px;
	color: #666;
	display: block;
	text-decoration: none;
}
ul.statistics li a:hover, ul.members li a:hover {
	color: #999;
}
ul.statistics li a span {
	display: inline-block;
 *display: inline;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
	width: 70px;
	zoom: 1;
}
ul.statistics i[class*=icon] {
	margin-left: 15px;
}
.red {
	color:#B94A48;
}
.green {
	color:#468847
}
.yellow {
	color:#F89406
}
.blue {
	color:#3A87AD;
}
img.member_avatar {
	height:50px;
	width:50px;
	padding:1px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	margin-left:15px;
	margin-right:15px;
}
#calender * {
	margin:0;
	padding:0;
}
.uniform {
	padding-left: 0px;
}
.slider {
	margin-top:10px;
}
.external-event {
	margin-bottom:20px;
}
.box a.toggle {
	background:rgba(0,0,0,0.1) url(../images/ui-icons_ffffff_256x240.png) no-repeat;
	background-position: -64px -16px;
	display:block;
	height:17px;
	width:17px;
	position: absolute;
	top:5px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	text-decoration:none;
}
.box a.toggle_closed {
	background-position: -96px -16px;
	text-decoration:none;
}
.box a.destroy {
	background:rgba(0,0,0,0.1) url(../images/ui-icons_ffffff_256x240.png) no-repeat;
	background-position: -80px -128px;
	display:block;
	height:17px;
	width:17px;
	position: absolute;
	top:5px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	text-decoration:none;
}
.box a.settings {
	background:rgba(0,0,0,0.1) url(../images/ui-icons_ffffff_256x240.png) no-repeat;
	background-position: -192px -112px;
	display:block;
	height:17px;
	width:17px;
	position: absolute;
	top:5px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	text-decoration:none;
	display: block;
	float: right;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.box_button_1 {
	right:8px;
}
.box_button_2 {
	right:30px;
}
.box_button_3 {
	right:52px;
}
.icon-standard {
	width:auto;
	background-image:none;
	display: inline-block;
	vertical-align: text-top;
}
.checkboxset_on {
	display: inline-block;
}
.box.grad_colour_dark_blue h2.box_head {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color:#ffffff;
}
.box.grad_colour_light_blue h2.box_head {
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color:#ffffff;
}
.box.grad_colour_red h2.box_head {
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color:#ffffff;
}
.box.grad_colour_green h2.box_head {
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color:#ffffff;
}
.box.grad_colour_orange h2.box_head {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color:#ffffff;
}
.box.grad_colour_grey h2.box_head {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	color:#333333;
}
.box.grad_colour_grey .settings, .box.grad_colour_grey .toggle, .box.grad_colour_grey .destroy {
	background-image:url(../js/jquery-ui-bootstrap/css/custom-theme/images/ui-icons_222222_256x240.png);
}
.box.grad_colour_black h2.box_head {
	background-color: #393939;
	background-image: -moz-linear-gradient(top, #454545, #262626);
	background-image: -ms-linear-gradient(top, #454545, #262626);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
	background-image: -webkit-linear-gradient(top, #454545, #262626);
	background-image: -o-linear-gradient(top, #454545, #262626);
	background-image: linear-gradient(top, #454545, #262626);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
	border-color: #262626 #262626 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color:#ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.box.grad_colour_orange.box_head {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color:#ffffff;
}
#breadcrumb {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	color:#333333;
}

/********************************************/
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -2px;
}

.tooltip.right {
  margin-left: 2px;
}

.tooltip.bottom {
  margin-top: 2px;
}

.tooltip.left {
  margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #000000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-left: 5px solid transparent;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #000000;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
  background-color: rgba(255,255,255,0.7);
  border: 1px solid #ccc;
  border: 2px solid rgba(0, 0, 0, 1);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;  
}

.popover.top {
  margin-top: -5px;
}

.popover.right {
  margin-left: 5px;
}

.popover.bottom {
  margin-top: 5px;
}

.popover.left {
  margin-left: -5px;
}

.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #000000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.popover.right .arrow {
  top: 50%;
  left: -7px;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #000000;
  border-bottom: 5px solid transparent;
}

.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-left: 5px solid transparent;
}

.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover-inner {
  width: 280px;
  padding: 3px;
  overflow: hidden;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  background-color: rgba(245,245,245,0.7);
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 14px;
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.7);
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
/*****************************************************/

input, textarea, select, .uneditable-input {
	color: #444 !important;
}

/******************************************************/

#procesando {color:#FF0000;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-right:15px;z-index:2000; position: fixed;  bottom:0px; right:0px; width:220px; height:24px; line-height: 24px;}
#procesando span { background:url(../images/ajax-loader.gif) no-repeat top left scroll; padding-left:18px; }

/******************************************************/
.smallMarginBottom { margin-bottom:5px !important; }

.right { float: right;}
.left { float: left; }
.hide { display: none;}

select option { color: black; }
.skala-placeholder {color:#ccc !important;}

a[rel='tooltip'] {
	cursor: pointer;
}
/******************************************************/
.skala-control-group {
	display: inline-block;
}

.skala-control-group.error > label, .skala-control-group.error a, .skala-control-group.error .help-block, .skala-control-group.error .help-inline {
  color: #b94a48;
}
.skala-control-group.error input, .skala-control-group.error select, .skala-control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}

.skala-control-group.error .chzn-container-single .chzn-single {
	border:1px solid #b94a48;
}

td.skala-control-group,th.skala-control-group {
	display: table-cell;	
}

.text-center {
	text-align: center !important;
}

.table-text-center td, .table-text-center th {
	text-align: center !important;	
}

.th_head {
	background: #333 !important;
	color:#f2f2f2;
	text-align: center !important;
}

.table th, .table td {
  vertical-align: middle;
}
 
/****************************************************/

/* Bootstrap Data Tables Styles */
div.dataTables_length label {
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table {
    margin: 1em 0;
    clear: both;
}

table.dataTable th:active {
    outline: none;
}
.dataTables_filter input, .dataTables_length select {
 display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *zoom: 1;
}

.sort-index, .hidden {
    left: -10000px;
    position: absolute;
    top: -10000px;
    visibility: hidden;
} 
/***********************************/
.tr_datatable_select {	
    background-color: #FFFFCC !important;
}

.form-inline div.inline {
	float: left;
	display: block;
	padding-right: 15px;
}

.resaltar {
	background-color: #51A351 !important;
	color:#fff;
}

/***************** tabla para formularios *************************/
.tituloForm { text-align: center; /*background:#eee; color:#333;*/ font-weight: bold;}
.subtituloForm { text-align: left; /*background:#eee;*/ color:#333; font-weight: bold;}

.txtcenter { text-align: center !important;} 

.tableForm td, .tableForm th { border:1px solid #f2f2f2;}

.form-actions-centrado {
	padding-left: 0px !important;
	padding-right: 0px;
	text-align: center !important;
}

td div.etiqueta { text-align: right; /*color:#0088CC;*/ /*font-weight: bold;*/ }
td div.campo { text-align: left; background:#fff;}
	td div.campo input { padding:2px !important;}

.tableForm	td div.error {color: #b94a48;} 
.tableForm	input.error,
.tableForm	select.error {border-color: #b94a48;} 

.nomargin { margin:0px !important; }

select.error,input.error,textarea.error { border-color: #b94a48 !important;}

.bigtext { font-size: 14px !important; font-weight: bold;}
#frmTpl .nav-pills { margin-bottom: 4px !important;}

.navbar-fixed-top { top:12px !important;}

.retirado { color:red !important;}

.breadcrumb .active a {
    background: none repeat scroll 0 0 transparent !important;
    color: #333333 !important;
}

#migadepan { display:none;}
#main_container { margin-top: 20px;}

table.tblnotas{
  border: 0px solid black;
  border-spacing: 0px;
}

table.tblnotas thead tr{
  /*font-family: Arial, monospace;*/
  font-size: 14px;
}

table.tblnotas thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
  background-color: #cccccc;
}

table.tblnotas tr {
  /*font-family: arial, monospace;*/
  color: black;
  font-size:12px;
  background-color: white;
}

table.tblnotas tr.odd {
  background-color: #ccc;
}

table.tblnotas tr td, table.tblnotas tr th{
  border-bottom: 1px solid black;
  vertical-align: middle;
  padding: 2px 7px;
}

table.tblnotas tr td select {
	margin:4px 0 !important;
}

.navbar-inner {
    background-color: #333;
    /*background-image: -moz-linear-gradient(center top , #333, #222222);
    background-repeat: repeat-x;*/
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    min-height: 52px;
    padding-left: 20px;
    padding-right: 20px;
    background:url("../../images/bg/px_by_Gre3g.png") repeat scroll 0 0 transparent;
}

/*********** tablas ***************/
.table1 {
border-top:1px solid #999999;
font-weight:normal;
margin:0;
}
.table1 tbody th, .table1 tbody td {
border-bottom:1px solid #999999;
border-right:1px dotted #999999;
font-weight:normal;
}
.table1 tbody th {
padding:3px 0 3px 10px;
text-align:left;
}
.table1 tbody td {
padding:3px 5px 3px 5px;
text-align:left;
}
.table1 .slice {
border-right:0 none;
}
.table2 {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-top:1px solid #999999;
border-width:0 0 1px;
margin:0 0 5px;
width:100%;
font-family:Tahoma, Arial, Helvetica, sans-serif;

}
.table2 abbr {
border:0 none;
}
.table1 thead th, .table2 thead th, .table2 thead td {
font-weight:bold;
padding:5px;
text-align:center;
}
.table2 thead th, .table2 tbody th {
padding:0 0 0 5px;
text-align:left;
}
.table2 tbody {
font-size:11px;
}
.table2 th, .table2 td {
border-right:1px solid #CCCCCC;
text-align:center;
}
.table2 .slice {
border:0 none;
}

.table1 thead th, .table2 thead th, .table2 thead td {
color:#000000;
background:#afbccc none repeat scroll 0 0;
font-weight:normal;
padding:5px;
text-align:center;
}

.table2 thead th, .table2 tbody th {
padding:0 0 0 5px;
text-align:left;
}

.table2 th, .table2 td {
border-right:1px solid #CCCCCC;
text-align:center;
}
.table2 tbody th, .table2 tbody td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
font-weight:normal;
}

.table2 thead td { font-weight:bold; font-size:12px; }
.table3 {
border-top:1px solid #999999;
}
.table3 thead th, .table3 thead td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
font-size:10px;
font-weight:bold;
padding:0 0 0 5px;
}
.table3 tbody th, .table3 tbody td {
border-right:1px solid #999999;
}
.table3 tbody th {
font-weight:normal;
padding:0 0 0 15px;
text-align:left;
}
.table3 tbody td {
padding:0 0 0 15px;
text-align:left;
}
.table3 .slice {
border-right:0 none;
}
.table4 {
font-weight:bold;
margin:0;
}
.table4 tbody th {
padding-left:10px;
text-align:left;
}

.label-warning, .badge-warning {
    background-color: #F89406;
}
.badge {
    border-radius: 9px 9px 9px 9px;
    padding-left: 9px;
    padding-right: 9px;
}
.label, .badge {
    background-color: #999999;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

.input-block-level {
    -moz-box-sizing: border-box;
    display: block;
    min-height: 30px;
    width: 100%;
}

.nav-pills > li > a {
    background: #EEEEEE;
}

.nav-tabs > li > a {
	background-color: #EEEEEE;
}