@font-face {
    font-family: "Open Sans";
    src: url("/resources/fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}



.ui-widget, .ui-widget .ui-widget {
    font-size: 11.5px;
}

#top {
    position: relative;
    color: white;
    padding: 7px;
    /*margin: 0px 0px 10px 0px;*/

    background-image: url(/resources/images/Lineas.svg) ;
    background-color:#00205b;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    font-weight: bold;
}

#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 20px 0px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}

body {
    background-color: #ffffff!important;
    font-size: 12px;
    font-family: "Open Sans";
    color: #000000;
    margin: 0px;
}


h1 {
    /*font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;*/
    font-family: "Open Sans";

    border-bottom: 1px solid #AFAFAF;
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
    color: #045491;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: #045491;
    font-weight : bold;
    text-decoration : underline;
}

root {
    display: block;
}

body {
    font-family: "Open Sans";
    color: #3a4f54;
    background-color: #dfecf1;
    font-size: small;
}

a {
    color: #e33b06;
}

table {
    empty-cells: show;
}

form.jsfcrud_list_form th, td th {
    font-size: x-small;
    color: #4e6a71;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #b2d5d6;
    border-bottom-color: #b2d5d6;
    border-left-color: #90b4bd;
    border-right-color: #90b4bd;
    letter-spacing: 3px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #b2d5d6;
}

td {
    vertical-align: top;
    padding-bottom: 8px;
    font-size: small;
}

form.jsfcrud_list_form td, td td {
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #b2d5d6;
    border-bottom-color: #b2d5d6;
    border-left-color: #b2d5d6;
    border-right-color: #b2d5d6;
    vertical-align: baseline;
    padding-bottom: 0px;
}

tr.jsfcrud_odd_row {
    background-color: #fefeff;
    color: #4e6a71;
}


tr.jsfcrud_even_row {
    background-color: #eff5fa;
    color: #4e6a71;
}

#busyImage {
    position: absolute;
    left: 50%;
    top: 50%;
}

.centerGrid {
    margin-left: auto;
    margin-right: auto;
}

.leftGrid {
    margin-left: auto;
}

.grayBackground {
    background-color: gray!important;
    color: black!important;
}

.orangeBackground {
    background-color: orange!important;
    color: black!important;
}

.purpleRow{
    background-color: purple!important;
    color: white!important;
}

.greenRow{
    background-color: #97F0AF!important;
    color: black!important;
}

.yellowRow{
    background-color: yellow!important;
    color: black!important;
}

.redRow{
    background-color: red!important;
    color: black!important;
}

.orangeRow{
    background-color: orange!important;
    color: black!important;
}

.greenBackground {
    background-color: #97F0AF!important;
    color: black!important;
}

.darkredBackground {
    background-color: darkred!important;
    color: white!important;
}

.redBackground {
    background-color: red!important;
    color: white!important;
}

.redBackgroundAll >*{
    background-color: red!important;
}

.greenBackgroundAll >* {
    background-color: green!important;
}

.orangeCell {
    border-width: medium!important;
    border-color: orange!important;
    color: orange!important;
    font-weight: bold!important;
}

.greenCell {
    border-width: medium!important;
    border-color: green!important;
    color: green!important;
    font-weight: bold!important;
}

.darkredCell {
    border-width: medium!important;
    border-color: darkred!important;
    color: darkred!important;
    font-weight: bold!important;
}

.redCell {
    border-width: medium!important;
    border-color: red!important;
    color: red!important;
    font-weight: bold!important;
}

.cyanCell {
    border-width: medium!important;
    border-color: cyan!important;
    color: cyan!important;
    font-weight: bold!important;
}

.panelNoBorder {
    border: none;
}

.readOnly {
    background-color: #dfecf1!important;
}

.readOnlyCalendar input{
    background-color: #dfecf1!important;
    color:#2e6e9e!important;
    opacity: 100!important;
}

.redTextReadOnly {
    background-color: #dfecf1!important;
    color: red!important;
}

.redText {
    color: red!important;
}

.blueText {
    color: blue!important;
}

.greenText {
    color: green!important;
}

.noSelectAll .ui-chkbox-all {
    display: none !important;
}

.numericField {
    text-align: right;
}

.centerField {
    text-align: center;
}

.rowodd {
    background: #BAC6E0;
}

.roweven {
    background: #FFFFFF;
}

.rowRed {
    background: red;
}

.rowRedLight {
    background: #ffc9c9;
}

.rowRedW {
    background: red;
    color: white;
}

.rowOrangeW {
    background: #DF7C47;
}

.rowPurpleW {
    background: #A679B8;
}

.rowGreenW {
    background: #63B264;
}

.rowBlueW {
    background: #AAEFFD;
}

.rowYellowW {
    background: yellow;
}


.rowOrange {
    background: #FFFF55;
}

.rowPurple {
    background: #CA99FF;
}

.rowGreen {
    background: #97F0AF;
}

.rowGray {
    background: Gray;
}

.rowBlue {
    background: blue;
    color: white;
}

.reciboList .ui-datatable-frozenlayout-left {
    padding: 0;
    border: 0 none;
    vertical-align: top;
    width: 450px;
}

.facturaList .ui-datatable-frozenlayout-left {
    padding: 0;
    border: 0 none;
    vertical-align: top;
    width: 250px;
}

.ui-panelgrid td {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding:4px 10px;
}

.orangeGrid, .orangeGrid td {
    background-color: moccasin !important;
    font-weight: bold;
}

.redGrid, .redGrid td {
    background-color: red !important;
    font-weight: bold;
}

.greenGrid, .greenGrid td {
    background-color: #97F0AF !important;
    font-weight: bold;
}

.blueGrid, .blueGrid td {
    background-color: #95d8f0 !important;
    font-weight: bold;
}

.ui-dock-container-top {
    position: absolute !important;
}

.touchTable {
    height: 50px !important;
}

.noBorderGrid, .noBorderGrid td {
    border: none;
}

.blockNoDisabled .ui-state-disabled{
    opacity: 1 !important;
}

.OneMenuSize{
    width: 145px !important;
    min-width: 145px !important
}

.OneMenuSizeSmall{
    width: 60px !important;
    min-width: 60px !important
}

.facturaImportacionTable .ui-datatable-frozenlayout-left {
    width: 20%;
}

.mapaAlmacen .ui-widget {
    font-size: 13px;
}

.mapaAlmacen .ui-button-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.mapaAlmacen .ui-state-disabled {
    opacity: 1 !important;
}

.botonMapa {
    height: 100px;
    width: 40px;
}

.vehiculoCargado {
    background: #23b71b!important;
}

.vehiculoVacio {
    background: #FFF70F!important;
}

.invalidProducto {
    background: #FF0000;
}

/*
.ui-panelgrid-footer  .ui-widget-header{
    background:white !important;
    border: 1px solid #e2e2e2 !important;
}

.ui-inputfield{
    background:white !important;
    color: #00205B !important;
    box-shadow: inset 0 2px 2px #8f8f8f !important;
    border-radius: 5px !important;

}
.ui-selectonemenu, .ui-selectcheckboxmenu{
    background: none !important;
    border-radius: 5px !important;
}

.ui-selectonemenu-trigger .ui-icon, .ui-selectcheckboxmenu-trigger .ui-icon{
    background-image: url(/resources/images/ui-icons_ffffff_256x240.png);
}

.ui-button{
    border-radius:5px !important;
}

.ui-menuitem-active > a{
    color:white !important;
}

.ui-datatable-header{
    background:white !important;
    color: #002d72 !important;
    border: 1px solid #e2e2e2 !important;
}

.ui-paginator-top, .ui-paginator-bottom{
    background:white !important;
    border:0px !important;
}

.ui-datatable thead th{
    border:1px solid white !important;
    font-weight: bold !important;

}

.menuTop{
    border:0px !important;
    margin-top:5px !important;
}

div > h1 > div{
    color: #00205b !important;
    font-size:16px !important;
}

html{
    background:#E8EBED;
}

.ui-datatable{
    border-radius: 5px !important;
    overflow:hidden;
}

.ui-paginator-page+.ui-state-active{
    color:white !important;
    background:#002d72 !important;
}


.ui-paginator-pages > .ui-paginator-page.ui-state-active{
    background:#002d72 !important;
}


.ui-paginator-pages > .ui-paginator-page.ui-state-default:not(.ui-state-active){
    background:white !important;
    color:#002d72 !important;
}


.ui-paginator-pages > .ui-paginator-page.ui-state-default.ui-state-hover,

.ui-menu .ui-menu-list  .ui-menuitem.ui-state-hover a{
    color:white !important;
    background:#002d72 !important;
}

.ui-paginator a{
    border-radius:3px !important;
}

.ui-button > .ui-button-icon-left, .ui-menu-list .ui-menuitem .ui-menuitem-icon{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.ui-datatable thead th button,
.ui-panelgrid-header button,
.ui-datatable thead th .ui-selectonemenu .ui-selectonemenu-trigger,
.ui-fileupload-buttonbar .ui-button
{
    background:#0067f2 !important;
}
.ui-datatable thead th .ui-selectonemenu{
    overflow: hidden !important;
}

.ui-datatable tr.ui-state-hover{
    background:#a4b4cd !important
}
.ui-dialog > .ui-dialog-footer , .ui-dialog > .ui-dialog-footer  .ui-toolbar{
    background:white !important;

}

.ui-dialog > .ui-dialog-footer  .ui-toolbar{
    border:0px ;
    border-top: 1px solid #002d72;
}


.ui-tabs-nav li.ui-state-hover a{
    color:white !important;
}

.ui-tabs-nav li.ui-state-hover{
    background:#0067f2 !important;
}

.ui-dock-container-top.ui-widget-header{
    background:white !important;
    border:0px !important;
}
.ui-dock-container-top.ui-widget-header a{
    text-decoration: none !important;

}
.ui-dock-container-top.ui-widget-header a span{
    color: white;
    background: #0067f2 !important;
    padding: 10px 5px !important;
    width: max-content;
    border-radius: 0px 10px 10px 10px !important;
    margin-left:20px !important;
    z-index:2000 !important;
}

.ui-tabmenu-nav{
    background:white !important;
    border:0px !important;
}

.ui-tabmenu{
    border: 0px !important;
}
.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem{
    background:white !important;
    border:0px !important;
    padding:5px !important;
}
.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem.ui-state-default a{
    color: #002d72 !important;
}

.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem.ui-state-active,
.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem.ui-state-hover{
    border-bottom: 2px solid #002d72 !important;
}
*/

#menuAplicationForm .ui-menu.ui-menubar{
    border: 0px !important;
    padding: .3em;
    margin-top: 5px !important;
}

.ui-selectcheckboxmenu.ui-state-default{
    background: #002d72 !important;
}

.ui-datatable thead .ui-chkbox-box.ui-state-default:not(.ui-state-active){
    background:white !important;
}

#content{
    padding:10px 10px !important;
}