/**
* Colores de template para usar
* Estados de "emitida" van en tonalidad verde: #1c9216
* Estados de "anulado" van en tonalidad rojo: #FF0000
* Estados de finalizacion van en tonalidad gris: #6D6D6D
* Estados que son importante pero no para ahcer algo (ej "facturada" en liquidacion OS) van en tonalidad morado: #9400D3
* Estados que son importante y hacen algo (ej "prefacturada" en liquidacion OS) van en tonalidad marron: #CC7A00
* Estados cuasi-finales van en tonalidad negra: #000000
* Estados de alertas, importantes, van en tonalidad roja: #dc143c
* 
* IMPORTANTE: EVITAR EL COLOR AZUL PARA LOS ESTADOS PUES SE CONFUNDE CON LINKS.
*/
body{
    font-size: 10pt;
    font-family: arial, verdana, no-serif;
    margin-left: 5px;
    margin-top: 0px;
}
/*
** Header bar elements
*/
div#header{
	display: box;
}

.NoPrint{
}

.showOnlyOnPrint{
	display: none;
	visibility: hidden; /*Internet Explorer hacks*/
}

div#logo{
}

#settings_bar{
    font-size: 8pt;
    font-family: arial, verdana, sans-serif;
    text-align: right;
    vertical-align: top;
    border-bottom: 1px solid #0000cc;
}
#settings_bar a{
    color: #0000cc;
    text-decoration: none;
}


/*
** Main content
*/
h1, .extjs_title{
    /*	background-color: #C3D9FF;*/
    color: #000000;
    font-size: 14pt;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin: 0 0 0 0;
}

h2{
    color: #063;
    font-size: 11pt;
    font-weight: bold;
}

#evolve > h2{
	margin-top: 0px;
}

fieldset{
    border:1px solid #063;
}

legend{
    color: #063;
    font-size: 11pt;
    font-weight: bold;
}

.specialBox{
    background-color: #B5EDBC;
}

#toolbar, .toolbar{ /* toolbar  on top */
    background-color: #C3D9FF;
    padding: 4px 4px 4px 4px;
	-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;
	line-height: 28px !important;

}

#toolbar .toolbarFloat{
    float: left;
}
#evolve{ /* evolve the main form */
    background-color: #E0ECFF;
    border-left: 3px solid #C3D9FF;
    border-right: 3px solid #C3D9FF;
    border-bottom: 5px solid #C3D9FF;
    min-height: 300px;
}
#evolve-mini{ /* evolve the main form */
    background-color: #E0ECFF;
    border-left: 3px solid #C3D9FF;
    border-right: 3px solid #C3D9FF;
    border-bottom: 5px solid #C3D9FF;
}
#bottom-toolbar{
    background-color: #C3D9FF;
	-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;
}
.buttonBar{
    /* para los formularios simples que necesitan mostrarse mas separados de los campos de carga*/
    padding-top: 20px;
}

.helper{
    background-color: #FAFAE0;
    padding: 5 5 5 5;
}

.floatingToolbar{
    background-color: #C3D9FF;
	min-width: 600px;
	padding: 3px 3px 3px 3px;
	-webkit-border-top-right-radius:  3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius:  3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* FIX: error cuando se muestran el H2 a continuacion del Evolve*/
#evolve > h2{
	margin-top: 0px;
}

/*
** Fields and similars
*/
label{
    color: #000000;
    font-size: inherited;
}

label.HighlightedField{
    font-weight: bold;
}

label.ToolbarField{
    font-weight: bold;
    font-size: 8pt;
}

.FieldExplanation{
    color: #808080;
}

.FieldExplanationWarning{
    color: #dc143c;
}

.FieldExplanationSuccess{
    color: #006060;
}

.HighlightedValue{
    font-weight: bold;
}


/*
** buttons and actions links
*/
a.action:link, a.action:visited{
    color: #0000cc;
    font-weight: bold;
}

a.listHighlighted:link, a.listHighlighted:visited{
    color: #0000cc;
    font-weight: bold;
}

a.actionToolbar:link, a.actionToolbar:visited{
    color: #00c;
    font-weight: bold;
}

a.actionAdmin{
    color: #f00 !important;
    font-weight: bold;
}

a{
    color: #0000cc;
}

a.microAction, a.microAction:link, a.microAction:visited{
    color: #0000cc;
    font-size: 8pt;
}


input.microButton{
    font-size: 8pt;
}


input.ToolbarButton{
    font-size: 8pt;
}

.searchFilterLabel{
    font-size: 10pt;
    color: #000000;
}

/*
** Table Lists
*/
table.list{
    border-collapse: collapse;
    font-size: 10pt;
}
thead.list, table.list thead, table.list thead tr{
    background-color: #E0ECFF;
}
th.list, table.list th{
    font-weight: bold;
    text-align: left;
}

table.list th.list_number{
    text-align: right !important;
}

th.list_autonumbering{
    font-size: 8pt;
    color: #808080;
}

td.list_autonumbering, .list_muted{
    font-size: 8pt;
    color: #808080;
}

th.list_total{
    font-weight: bold;
    text-align: right;
}
td.list_total{
    text-align: right;
}
td.list_number{
    text-align: right;
}
td.list_total_highlited{
    font-weight: bold;
    text-align: right;
}

.list_row_odd, table.list tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.list_row_odd:hover, table.list tr:hover{
    background-color: #98FB98;
}
.list_row_even, table.list tr:nth-of-type(even){
    background-color: #f5f5f5;
}
.list_row_even:hover, table.list tr:hover{
    background-color: #98FB98;
}

table.list tr.subheader {
    background-color: transparent;
}

.list_inactive, .active_0{
	color: #808080;
}

.list_row_group1{
    /*
        background-color: rgb(229, 224, 236);	 / *verde* /
        background-color: rgb(197, 217, 241);	 / * azul * /
        background-color: rgb(236, 229, 217);	 / * marron* /
    */
    background-color: rgb(221, 245, 221);
}
.list_row_group2{
    background-color: #ffffff;
}
.list_highlighted_value{
    font-weight: bold;
}

table.list .numberCell{
	text-align: right;
}

.disabledList{
    color: #666666;
}


a.list:link, a.list:visited{
    color: #0000cc;
    color: #1010C8;
    font-weight: normal;
}

a:link, a:visited{
    color: #1010C8;
    font-weight: normal;
}

tfoot.list{
    background-color: #E0ECFF;
}

tfoot.list_total{
    background-color: #FFFFE0;
    color: #000000;
    /*font-size: 110%;*/
    font-weight: bold;
}

tr.list_total{
    background-color: #FFFFE0;
    color: #000000;
    /*font-size: 110%;*/
    font-weight: bold;
}

tr.list_separator{
}

td.list_separator{
    padding-top: 10;
}

/* ******************************* MINI LISTADO **************************** */
table.mini_listado{
	font-size: 10pt;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.mini_listado thead th{
	background-color: #808080;
	color: white;
	font-weight: bold;
}

table.mini_listado tfoot td{
    background-color: #e5e5e5;

}

table.mini_listado tfoot td{
	font-weight: bold;
}

table.mini_listado td, table.mini_listado th{
	padding: 3px 3px;
}

table.mini_listado tr:nth-child(2n){
    background-color: #ffffff;
}

table.mini_listado tr:nth-child(2n+1){
    background-color: #f5f5f5;
}

table.mini_listado tr:hover{
    background-color: lightgreen;

}


/* ******************************* FIN: MINI LISTADO **************************** */

/*Pendiente*/
.turn_status_10 {
    color: #FF9900;
    font-weight: bold;
}
/*Confirmado*/
.turn_status_15 {
	color: #663300;
	font-weight: bold;
}
/*Presente*/
.turn_status_20 {
    color: #006600;
    font-weight: bold;
}
/*.turn_status_30 {
    color: #0000FF;
    font-weight: bold;
}*/
/*Atendiendo*/
.turn_status_40 {
    color: #000000;
    font-weight: bold;
}
/*Atendido*/
.turn_status_50 {
    color: #444444;
    font-weight: bold;
}
/*.turn_status_100 {
    color: #663300;
    font-weight: bold;
}*/
/*Cancelado*/
.turn_status_110 {
    color: #990000;
    font-weight: bold;
}
/*Ausente*/
.turn_status_120 {
    color: #FF0000;
    font-weight: bold;
}
/*Conflicto*/
.turn_status_130 {
	color: #FF0000; /* #FFFFFF; */
	/*background-color: #FF0000 !important;*/
	font-weight: bold;
}

/************************************* SPECIAL FORMATS **/
.AmmountPositive{
    color: #008000;
}
.AmmountNegative{
    color: #FF4500;
}
.enabledObject
.SearchBox{
    background-color: #cce0cc;
    padding: 5px;
    width: 80%;
}
/* para mostrar objetos habilitados o deshabilitados */
.enabledObject_0{
    color: #FF6600;
}
.enabledObject_1{

}

/************************************* INVOICE STATUS **/
.invoice_status_5, .invoice_status_80{ /*borrador, borrador afip*/
    color: #ff9900;
    font-weight: bold;
}
.invoice_status_10, .invoice_status_15, .invoice_status_81{ /*emitida, recibo emitido, afip emitido*/
    color: #1c9216;
    font-weight: bold;
}

.invoice_status_20, .invoice_status_85{/*pagado, afip pagado*/
    color:  #6D6D6D;
}

.invoice_status_30, .invoice_status_83{/*pagado parcialmente, afip pagado parcialmente*/
    color:  #000000;
    font-weight: bold;
}

.invoice_status_50, .invoice_status_60{
    color: #FF0000;
    font-weight: bold;
}


/************************************* EXTJS SPECIAL FORMATS **/
.extjs_form_background, .x-panel-body{
    background-color: #E0ECFF;
}
.extjs_readonly{
    background-color: #e0e0e0;
    color: #006600;
}

.ext-js-ras-disabled-textfield{
    color: #006600;
    opacity: 1;
    background-color:transparent;
    background:scroll 0 0 ;
    border:0px
}

.ext-js-ras-bold-disabled-textfield{
    color: #006600;
    opacity: 1;
    background-color:transparent;
    background:scroll 0 0 ;
    border:0px;
    font-weight: bold;
}

/*
para que las alertas aparezcan encima del menu deshabilitado, agregar en el codigo:
cls:'mask-below-menu'
*/
.mask-below-menu .ext-el-mask {z-index: 14997;}



/************************************* Printing formats **/
.reportTitle{
    font-size: 16pt;
    font-family: arial, sans-serif;
    text-align: center;
}

.reportSubTitle{
    font-size: 14pt;
    font-family: arial, sans-serif;
    text-align: center;
}

.reportHeaderInfo{
    font-size: 14pt;
    font-family: arial, sans-serif;
}

.reportHeader, .reportFooter{
    font-size: 8pt;
    font-family: arial, sans-serif;
}

.report{
    font-size: 8pt;
    font-family: arial, sans-serif;
}

/************************************* BOTON DE "MAS" que tiene menú emergente **/
.moreOptionsMenuButton {
    display: inline-block;
}
.moreOptionsMenu {
    background-color: #98FB98;
    border: 1px solid #666666;
    display: none;
    line-height: 20px;
    min-width: 100px;
    padding: 3px;
    position: absolute;
    z-index: 100;
}

/*************** CORRECCIONES BOOTSTRAP *************/
.btn-link-ras-cancel{
	color: #ff0000;
}


.container-fluid.container-fluid-ras-salud{
	padding-left: 0px; /* sacar el costado de la izquierda*/
	min-width: 800px;
}

.container-fluid.container-fluid-ras-salud .tab-pane{
	margin-top: 10px;
	padding-left: 3px;
}

.row-top-spacing{
	margin-top: 5px;
}

.panel-body-ras{
	background-color: #E0ECFF;

}

.panel-body-ras-big{
	background-color: #E0ECFF;
	min-height: 300px;
}

.panel-footer-ras{
    background-color: #C3D9FF;

}

.modal-header-ras{
	background-color: #ffffff;
}

.modal-body-ras{
	background-color: #E0ECFF;
}
.modal-footer-ras{
	background-color: #C3D9FF;
}

.table-ras{

}
.table-ras > thead > tr > th, .table-ras > tbody > tr > th, .table-ras > tfoot > tr > th, .table-ras > thead > tr > td, .table-ras > tbody > tr > td, .table-ras > tfoot > tr > td{
	border-top: 0px;
	background-color: transparent;
}
/************************** POSIBLEMENTE LO SIGUIENTE DEBA ELIMINARSE. se deja por compatibilidad hacia atrás *************/
#message {
	color: red;
	font-size: 10pt;
	font-weight: bold;
}
.add {
	background-image:url(images/add.gif) !important;
}


/* CLEARFIX para posicionamiento */
/**
			 * Source: http://nicolasgallagher.com/micro-clearfix-hack/
			 * For modern browsers
			 * 1. The space content is one way to avoid an Opera bug when the
			 *    contenteditable attribute is included anywhere else in the document.
			 *    Otherwise it causes space to appear at the top and bottom of elements
			 *    that are clearfixed.
			 * 2. The use of `table` rather than `block` is only necessary if using
			 *    `:before` to contain the top-margins of child elements.
			 */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/*********************************************************************************************************
EDITOR nicEdit
********************************************************************************************************/
.nicEdit-main-ras-envelope{
	background-color: white;
	display: inline-block;
}

.nicEdit-main-ras-envelope-600px{
	background-color: white;
	display: inline-block;
	width: 600px;
}

/*********************************************************************************************************
MODULO AUDIT LOG
********************************************************************************************************/
.auditLogCommentContainer{
	width: 600px;
	display: box;
	background-color: white;
	border: 1px solid #a0a0a0;
	padding: 5px 5px;
}

.auditLogCommentContainer .auditLogCommentHeader{
	font-size: 0.9em;
	color: #666666;
}

.auditLogCommentContainer .auditLogCommentContent{
	padding-top: 5px;
	padding-bottom: 5px;
}

.auditLogType_40, .auditLogType_100{
	font-weight: bold; color: #9400D3;
}



/*********************************************************************************************************
MODULO ACCOUNTING
********************************************************************************************************/


/*********************************************************************************************************
MODULO CASHDESK
********************************************************************************************************/
.cashdesk_session_status_10{ /* abierta */
	color: #1c9216;
	font-weight: bold;
}

.cashdesk_session_status_20{ /* cerrada */
	color: #6D6D6D;
	font-weight: normal;
}

/*********************************************************************************************************
MODULO TESORERIA
********************************************************************************************************/
.sspayment_status_10{
	color: #6D6D6D;
}

.sspayment_status_50{
	color: #FF0000;
}

.payment_order_status_10{
	color: #1c9216;
}

.payment_order_status_50{
	color: #FF0000;
}

.payment_order_status_120{
	color: #6D6D6D;
}

/*******************************
KILL BILL MODE
********************************/
.toolbar-killbill{
	background-color: #291400 !important;
}

.bottom-toolbar-killbill{
	background-color: #291400 !important;
}

.evolve-killbill{
	background-color: #E8C23D !important;
	background-color: #F9D60B !important;
	border-bottom: 0px !important;
	border-left: 0px solid #291400 !important;
	border-right: 0px solid #291400 !important;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
}

h1.killbill{
	color: #291400 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.modal-killbill{

}

.modal-killbill .modal-header{
	background-color: #291400 !important;
	color: #F9D60B !important;

}

.modal-killbill .modal-body{
	background-color: #F9D60B !important;
}

.modal-killbill .modal-footer{
	background-color: #291400 !important;
	color: #F9D60B !important;
}

.modal-killbill td{
    padding: 10px !important;
}

/******************* FEDERATOR STATUSES ****************************/
.federator_status_10{
	color: #FF0000;
}
.federator_status_20{
	color: #9400D3;
}
.federator_status_30{
	color: #1c9216;
}
/******************* FIN: FEDERATOR STATUSES ****************************/

/******************* MT5 STATUSES ****************************/
.mturno_status_no{
	color: #FF0000;
}
.mturno_status_si{
	color: #1c9216;
}
/******************* FIN: MT5 STATUSES ****************************/

.ui-autocomplete-input {
    background-color: #FFFFCC;
}