/********************************
    ALERT BOX
*/
.tip_info {
    background: #fff6bf url('images/32x32/information.png') center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 30px;
    vertical-align: middle;
}

.tip_info_s {
    background: #fff6bf url('images/16x16/information.png') center no-repeat;
    background-position: 5px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 2px 10px 2px 30px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 20px;
    vertical-align: middle;
}

.tip_info_v1 {
    background: #fff6bf center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 30px;
    vertical-align: middle;
}

.tip_ok {
    background: #fff6bf url('images/32x32/accept.png') center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    min-height: 30px;
    vertical-align: middle;
}

.tip_error {
    background: #F5A9A9 url('images/32x32/exclamation.png') center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 60px;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    min-height: 30px;
    vertical-align: middle;
}

/********************************
    MISC
*/
.input_valid {
    background: #C2DBE8;
    border: 1px solid #CCCCCC;
}

.input_error {
    background-color: #F5A9A9;
    border: 1px solid #FF0000;
}

.input_number {
    text-align: right;
}

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.transparent20 {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=20);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.2;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.2;
    /* Modern!         /* Firefox 0.9+, Safari 2?, Chrome any?         /* Opera 9+, IE 9+ */
    opacity: 0.2;
}

.disabled {
    background-color: #e5e5e5;
    color: #666666;
}

/*
	FLUJO - PASOS
*/
.aa-step-indicator {
    margin: 0px auto 8px;
    padding: 0;
    width: 904px;
    list-style: none;
    font-size: 13px;
}

.aa-step-indicator li {
    float: left;
    width: 113px;
    height: 88px;
    background: transparent url(images/aa-bkg-step-indicator.png) 50% -67px no-repeat;
    text-align: center;
}

.aa-step-indicator.three {
    width: 339px;
}

.aa-step-indicator.four {
    width: 452px;
}

.aa-step-indicator.five {
    width: 565px;
}

.aa-step-indicator.six {
    width: 678px;
}

.aa-step-indicator.seven {
    width: 791px;
}

.aa-step-indicator.nine {
    width: 909px;
}

.aa-step-indicator.nine li {
    width: 101px;
}

.three,
.four,
.five,
.six,
.seven,
.eight,
.nine {
    background: none;
    height: auto;
}

.aa-step-indicator li.previous {
    background-position: 50% 8px;
}

.aa-step-indicator li:first-child {
    background-position: left 8px;
}

.aa-step-indicator li.current:first-child {
    background-position: left -142px;
}

.aa-step-indicator li.current {
    background-position: 50% -142px;
}

.aa-step-indicator li:last-child {
    background-position: right -67px;
}

.aa-step-indicator li.current:last-child {
    background-position: right 8px;
}

.aa-step-indicator li.current.last {
    background-position: right 8px;
}

.aa-step-indicator li.last {
    background-position: right -67px;
}

.aa-step-indicator li a,
#contentMain .aa-step-indicator li a {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none;
    text-align: center;
    background: transparent url(images/aa-bkg-step-indicator-step.png) 50% -67px no-repeat;
    color: gray;
    cursor: default;
    line-height: 1.2;
}

.aa-step-indicator li a:hover {
    text-decoration: none;
}

.aa-step-indicator li.previous a,
#contentMain .aa-step-indicator li.previous a {
    background-position: 50% 8px;
    cursor: pointer;
}

.aa-step-indicator li.current a,
#contentMain .aa-step-indicator li.current a {
    background-position: 50% -142px;
}

/*.aa-step-indicator a[href],#contentMain .aa-step-indicator a[href],.step-back-allowed .aa-step-indicator li.previous a{color:#1877BC;}*/
.aa-step-indicator a[href]:hover,
#contentMain .aa-step-indicator a[href]:hover,
.step-back-allowed .aa-step-indicator li.previous a:hover {
    text-decoration: underline;
}

.aa-step-indicator li.current a,
#contentMain .aa-step-indicator li.current a {
    color: #173279;
    font-weight: bold;
}

span.step-number,
#contentMain span.step-number {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    color: #9d9d9d;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
    line-height: 87px;
    text-align: center;
}

li.previous span.step-number,
#contentMain li.previous span.step-number,
li.current span.step-number,
#contentMain li.current span.step-number {
    color: #fff;
}

.flujo {
    margin-bottom: 8px;
}

.flujo td {

    text-align: center;
}

.flujo .noseparado {
    width: 25% !important;
}

td.separador {
    width: 19px !important;
    height: 32px;
    line-height: 32px;
    background: url(images/bg_flujo_sep.gif) left top no-repeat;
    border: 0px solid white !important;
}

td.incompleto {
    color: #A0A0A0;
    background: url(images/bg_flujo.gif) top left no-repeat;
}

td.completado {
    background: url(images/bg_flujo.gif) top left no-repeat;
}

td.actual {
    font-weight: bold;
    background: url(images/bg_flujo_actual.gif) top right no-repeat;
}

td.ultimo {
    border-right: 1px solid #e5e5e5 !important;
}

.droptree tr:hover {
    background-color: #F6F6F6;
}

/* MANAGER */
.onlyheader .remove_row {
    display: block !important
}