/* Estilos del control GimakWebCalendar */

.gimak_CalendarDayTable
{
    font-weight:normal;
    font-size: 12px;
    font-weight: normal;
    
    background-color:#7e5515;

    border: 2px solid black;
    border-collapse:collapse;
    text-align:center;    
    margin:0px;
    padding:0px;
}

.gimak_NavigatorMenu
{
    border-style: ridge; 
    border-width: 2px;
    border-color: #dddddd;
    border-radius: 4px;
    -ms-border-radius: 4px; 
    background-color: #cedaf6;
}

.gimak_NavigatorMenu_Image
{    
    color: #444444;
    padding: 0px;
}

.gimak_CalendarDayTitleRow
{
    color: #00000;
    text-align:center;
    background-color:#ffffff;
}
.gimak_CalendarDayTitleCell
{		
    font-weight:bold;
    border: 1px solid black;
    width:30px;			
}		
.gimak_CalendarDayCell
{
    font-weight:normal;
    border: 1px solid gray;
    background-color: #DDDDDD;
    height:30px;
}
.gimak_CalendarDayCellSelected
{
    font-weight:bold;
    border: 1px solid gray;
    background-color:#ffff9b;
}
.gimak_CalendarDayLink
{
    text-decoration:none;
    font-weight:bold;
}
.gimak_CalendarDayLinkSelected
{
    text-decoration:none;
    font-weight:bold;
    text-decoration:underline;
}
.gimak_CalendarButtonCell
{	
    background-color: #6e7aa5;
    height:24px;
    width:20px;
}
.gimak_CalendarMonthCell
{			
    text-align:center;
    height:24px;
    width:100px;
    background-color: #6e7aa5;
    color: white;
}
.gimak_CalendarYearCell
{				
    height:24px;
    text-align:center;		
    background-color: #6e7aa5;
    padding:0px;
    margin:0px;
    color: white;
}
.gimak_CalendarYearRow
{				
    padding:0px;
    margin:0px;
}
.gimak_CalendarYearTitleTable
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    background-color:#6e7aa5;
    border: 1px solid #7e5500;
    border-collapse:collapse;
    text-align:center;
    padding:0px;
    margin:0px;
}

/* Estilos del control gimak\gui\WebDataTable  */

.gimak_DataTable
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    background-color:#FFFFFF;    
    border: 1px solid graytext;
    border-collapse:collapse;
    border-radius: 3px;
    -ms-border-radius: 3px; 
    text-align:center;    
    margin:0px;
    padding:2px;
}


.gimak_DataTableTitle
{
    font-weight:normal;
    font-size:14px;
    font-weight: bold;
    
    background-color: #6e7aa5;        
    background-repeat: repeat-x;
    color: #ffffff; 
    border: 1px solid gray;        
    border-collapse:collapse;
    text-align:center;    
    margin:0px;
    padding:5px;
}

.gimak_DataTableColumnTitle
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    background-color: #95a2d6;
    background-repeat: repeat-x;            
    border: 1px solid gray;
    border-collapse:collapse;
    text-align:center;
    color: #ffffff;
    padding:5px;
    margin:0px;
}

.gimak_DataTableNavigator
{
    font-weight:normal;
    
    border: 1px solid gray;
    background-color:#CCCCCC;
    height:30px;
}

.gimak_DataTableNaviatorCellParent
{
    font-weight:normal;
    
    border: 1px solid gray;
}

.gimak_DataTableNavigatorCell
{
    font-weight:normal;
    border: 1px solid lightgray;
}

.gimak_DataTableStatus
{
    font-weight:normal;
    border: 1px solid gray;
    background-color:#CCCCCC;
}

.gimak_DataTableOddRow
{
    font-weight:normal;
    border: 1px solid gray;
    background-color:#DDDDDD;
    padding:1px;
}

.gimak_DataTableEvenRow
{
    font-weight:normal;
    border: 1px solid gray;
    background-color:#FFFFFF;
    padding:1px; 
}

.gimak_DataTableCell
{        
    padding:4px; 
}

.gimak_waitEvent
{
    font-weight:normal;
    text-align:center;
    padding:10px;
    border: 2px solid gray;
    background-color:#dddddd;
    height:40px;
    width: 300px;
}


.gimak_PopUpTable
{
    font-weight:normal;
    background-color:#ffffff;
    border-radius: 5px;
    -ms-border-radius: 5px; 
    border-style: solid;
    border-width: medium;
    border-color: #eeeeee;
    padding: 0px;   
    z-index: 1000;
} 

.gimak_PopUpTitleCell
{
    font-weight:bold;
    font-size:15px;
        
    color: white;
    border: 1px solid #ffffff;
    background-color:#333333;
    height:15px;
    cursor:default;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

.gimak_PopUpContentCell
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
        
    color: white;
    border-style: none;    
    background-color:#ffffff;
    cursor:default;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

.gimak_PopUpIframe
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    color: white;
    border-style: solid; 
    border-width: 1px;
    background-color:#ffffff;
    cursor:default;    
}

.gimak_AlertText
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;      
    
    text-align: center;
    color: black;
}

.gimak_Image
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    text-align: center;
    padding: 0px;
    background-repeat: no-repeat;
}

.titleBar_Image
{    
    font-weight:normal;    
    font-size:12px;
    
    text-align: center;
    padding: 0px;
    background-repeat: no-repeat;
}

.toolBar_Image
{    
    font-weight:normal;
    font-size:14px;
    font-weight: normal;
    
    text-align: center;
    color: darkblue;
    padding: 0px;
    background-repeat: no-repeat;
}

.gimak_ImageButton
{       
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    text-align: center;  
    border-style: solid; 
    border-width: 1px;
    border-color: #bbbbbb;
    border-radius: 4px;
    -ms-border-radius: 4px; 
    min-width: 80px;
    padding: 4px;
    background-size: cover;
    /* opacity: 0.9; */
    cursor: pointer;
    display: inline-flex;
}

.gimak_ImageButtonSelected
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
        
    text-align: center;  
    border-style: solid; 
    border-width: 1px;
    border-color: #666666;
    border-radius: 4px;
    -ms-border-radius: 4px; 
    min-width: 80px; 
    padding: 4px;    
    background-size: cover;
    cursor: pointer;
    display: inline-flex;
}

.gimak_TextField
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
        
    color: black;
}

.gimak_OpenPopUp_TextField
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
        
    color: black;
}

.gimak_Label
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
}

.gimak_Required_Control
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    color: red;
}

.gimak_StaticText
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
}

/* Estilos de la clase gimak\gui\WebControlsBar */

.gimak_ControlsBar_ButtonsBar
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: black;
    padding: 0px;
}

.gimak_ControlsBar_InfoBar
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: darkblue;    
    color: black;
    border-collapse: collapse; 
}

.gimak_ControlsBar_InfoBar_LabelCell
{    
    font-weight:normal;
    font-size:15px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: darkblue;
    padding: 5px;    
    background-color: #888888;
    color: #FFFFFF;
}

.gimak_ControlsBar_InfoBar_ControlCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: #eeeeee;    
    padding: 5px;
}

.gimak_ControlsBar_Border
{    
    border-style: solid;
    border-width: 1px;
    border-color: darkblue;    
    padding: 10px;
    border-radius: 5px;
    display: inline;
    -ms-border-radius: 5px; 
}

.gimak_ControlsBar_Cell
{    
    vertical-align: top;
}

.gimak_ControlsBar_HorizontalToolBar  
{    
    font-weight:normal;
    font-size:12px;
    font-weight: normal;
    
    border-style: solid; 
    border-width: 1px;
    border-color: #CCCCCC;    
    padding: 0px;
    width: 100%;
    background-color: #EEEEEE;
}

/* Fin de los Estilos de la clase gimak\gui\WebControlsBar */


/* Estilos de la barra de titulo */

.gimak_TitleBar
{    
    font-weight:normal;
    font-size: 20px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: #000000;    
    color: #dddddd;
    padding: 0px;
    width: 100%;
    background-color: #5c8edb;
}

.gimak_TitleBar_LogoCell
{    
    font-weight:normal;
    font-size:11px;
    font-weight: normal;
    
    
    border-style: none;
    border-width: 1px;
    border-color: red;    
    color: white;
    padding: 0px;
}

.gimak_TitleBar_TitleCell
{    
    font-weight:normal;
    font-size: 30px;
    font-weight: bold;
    
    border-style: none;
    border-width: 1px;
    border-color: red;    
    color: #eeeeee;
    padding: 0px;    
}

.gimak_TitleBar_SubTitleCell
{    
    font-weight:normal;
    font-size:14px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: red;
    
    color: #eeeeee;
    padding: 0px;
}

/* Fin de Estilos de la barra de titulo */

.gimak_SimpleButton
{   
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    color: #666666;
    border-width: 1px;
    padding: 10px;
    border-radius:4px;
    background-color: #EEEEEE;
}

.gimak_ComboBox
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
}

.gimak_TextArea
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
}

.gimak_Link
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
}

.gimak_FormSection
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;    
    color: darkslateblue;
    padding: 0px;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

/* Estilos de la clase GimakWebAcordionPanel */

/* Estilo del cuerpo del panel */
.gimak_AcordionPanel
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
    
    color: darkslateblue;
    padding: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

/* Estilo del titulo expandido del panel */
.gimak_AcordionPanel_expandedTitle
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    background-color: #DDDDDD;
    
    color: darkslate;
    padding: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

/* Estilo del titulo NO expandido del panel */
.gimak_AcordionPanel_collapsedTitle
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    background-color: #BBBBBB;    
    color: white;
    padding: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px; 
}

/* Fin de Estilos de la clase GimakWebAcordionPanel */

.gimak_BussinessExceptionMessageList
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    color: darkred;
    text-align: left;
}


/* Estilos de la clase gimak\gui\WebPanel */

/* Tabla que contiene un panel */

.gimak_PanelTable
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: darkblue;
    background-color: white;
    
    color: black;  
    border-radius: 3px;
    -ms-border-radius: 5px; 
    padding: 2px;
    width: 100%;
}


/* Borde del fieldset que rodea a todo el control */
.gimak_PanelBorder
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: darkblue;
    background-color: white;
    
    color: black;  
    border-radius: 5px;
    -ms-border-radius: 5px; 
    padding: 5px;
}

/* TD que contiene el control gimak\gui\WebControlsBar con los controles del panel */
.gimak_PanelBodyCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: #666666;    
    color: black;
    border-collapse: collapse; 
    vertical-align: top;
}

/* TD que contiene los botones de la derecha */
.gimak_Panel_RightButtonsCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: lightgrey;    
    color: black;
    border-collapse: collapse; 
    padding: 0px;
    vertical-align: top;
}

/* TD que contiene los botones de la parte inferior */
.gimak_Panel_BottomButtonsCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    color: black;
    border-collapse: collapse; 
}

/* TD que contiene los botones de la parte superior */
.gimak_Panel_TopButtonsCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: lightgrey;    
    color: black;
    border-collapse: collapse; 
}

/* Estilos de los controles gimak\gui\WebControlsBar usados por la clase gimak\gui\WebPanel */

.gimakPanel_ControlsBar_ButtonsBar
{    
    font-weight:normal;    
    font-size:13px;
    
    color: darkslateblue;
    border-style: none;
    border-width: 1px;
    border-color: black;
}

.gimakPanel_ControlsBar_InfoBar
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: 1px;
    border-color: #666666;
    border-radius: 4px;
    -ms-border-radius: 4px;    
    color: black;
    border-collapse: collapse; 
}

.gimakPanel_ControlsBar_InfoBar_LabelCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: #888888;    
    background-color: #dddddd;    
    padding: 5px;
    background-size: cover;
}

.gimakPanel_RightButtons_ControlsBar_InfoBar_ControlCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: thin;
    border-color: #aaaaaa;    
    color: darkslateblue;
    padding: 0px;
}

.gimakPanel_ControlsBar_InfoBar_ControlCell
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: #aaaaaa;
    
    border-radius: 4px;
    -ms-border-radius: 4px; 
    color: darkslateblue;
    padding: 5px;
}

.gimakPanel_ControlsBar_Border
{    
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: 2px;
    border-color: #aaaaaa;
    
    color: darkblue;
    padding: 10px;
    border-radius: 4px;
    -ms-border-radius: 4px; 
}

/* Fin de los Estilos de la clase gimak\gui\WebPanel */

/* Estilos para un formulario */

.gimak_FormHeader
{         
    font-weight:normal;
    font-size:16px;
    font-weight: normal;
    
    box-sizing: border-box;
   
    width: 100%;     
    padding: 0px;  
    background-color: #EEEEEE;  
    
    text-align: left;
}

.gimak_Screen
{
    /* box-sizing: border-box; */
      
    height: 100%;
    width: 100%;     
    padding: 0px;
    margin: 0px;
}

.gimak_Form
{    
    /* box-sizing: border-box; */
              
    height: 80%;
    width: 90%;     
    margin-left: auto;
    margin-right: auto;          
    padding: 10px;
}

.gimak_FormSubTitle
{    
    box-sizing: border-box;
    font-size: 17px;
    font-weight: normal;
    
    border-style: solid; 
    border-width: 1px;
    border-radius: 5px; 
    border-color: #999999;
    -ms-border-radius: 5px; 

    padding: 10px;     
    margin-bottom: 10px;
    background-color: #dddddd;
    text-align: left;    
    width: 100%;
}

.gimak_FormBody
{
    font-weight:normal;
    font-size:15px;
    font-weight: normal;
    
    /* box-sizing: border-box; 
    overflow-y: auto;
    overflow-x: auto;
    
       
    height: 100%; 
    width: 100%;
    
    */
    
    padding: 10px;
             
    border-style: solid; 
    border-width: 1px;
    border-radius: 5px; 
    -ms-border-radius: 5px; 
               
    color: #222222;
    
    background-color: #EEEEEE;
    
    text-align: left;
}

.gimak_sin_borde_Form
{    
    /* box-sizing: border-box; */
              
    height: 80%;
    width: 90%;     
    margin-left: auto;
    margin-right: auto;          
    padding: 10px;
}

.gimak_sin_borde_FormSubTitle
{    
    box-sizing: border-box;
    font-size: 17px;
    font-weight: normal;
    
    border-style: solid; 
    border-width: 1px;
    border-radius: 5px; 
    border-color: #999999;
    -ms-border-radius: 5px; 

    padding: 10px;     
    margin-bottom: 10px;
    /* background-color: #dddddd;  */
    text-align: left;    
    width: 100%;
}

.gimak_sin_borde_FormBody
{
    font-weight:normal;
    font-size:15px;
    font-weight: normal;
        
    padding: 10px;             
    border-style: none;                
    color: #222222;
    
    /* background-color: #EEEEEE; */
    
    text-align: left;
}

/* Fin de estilos de un formulario */

.gimak_PopUpBody
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    padding: 0px;
    margin: 0px;
    background-color: white;    
    /* height: 100%; */
}

body
{
    padding: 0px;
    margin: 0px;
    background-color: white;    
    
    font-weight:normal;
    font-family: Century Gothic, arial  ;
    font-size:13px;
    
    /* height: 100%; */
}

form 
{
    height: 100%;
    
    /* overflow: hidden;    */
}

html
{
    height: 100%; 
    width: 99%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    overflow: auto;
}

/* Estilos del control GridContainer */

.gimak_GridContainer_Table
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: lightgray;    
    padding: 5px;
    background-repeat: repeat-x;
    background-size: cover;
}

.gimak_GridContainer_LabelCell
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    color:#444444;
    background-color: #DDDDDD;
    background-image: url('../icons/labels_background.png');
    padding: 5px;
    background-repeat: repeat-x;
    background-size: cover;
}

.gimak_GridContainer_ControlCell
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: thin;
    border-color: #555555; 
    color: #444444;
    vertical-align: top;
    padding: 0px;
}


/* Fin de Estilos del control GridContainer */

/* Estilos del control GridContainer */

.buttons_GridContainer
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: lightgray;    
    padding: 15px;
    background-repeat: repeat-x;
    background-size: cover;
}

.buttons_GridContainer_LabelCell
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: solid;
    border-width: thin;
    border-color: lightgray;   
    background-color: #DDDDDD;
    background-image: url('../icons/labels_background.png');
    padding: 15px;
    background-repeat: repeat-x;
    background-size: cover;
}

.buttons_GridContainer_ControlCell
{    
    font-weight:normal;

    font-size:13px;
    font-weight: normal;
    
    border-style: none;
    border-width: thin;
    border-color: lightgrey;   
    color: #444444; 
    padding: 15px;
    vertical-align: top;
}

/* Fin de Estilos del control GridContainer */

/* Inicio de estilos de un arbol */

lu.gimak_tree 
{
    background: #ffffff;
    margin-left: 0px;
    padding: 0px;
}

li.gimak_tree 
{
   list-style-type: none;  
   background: #ffffff;
   margin-left: -35px;
   padding: 2px;
}

.gimak_tree_unselectednode
{
   background: #ffffff;
   color: #555555;
   text-decoration: none;
}

.gimak_tree_selectednode
{
   background: #dddddd;
   color: #555555;
   text-decoration: none;
}

.gimak_scrollpane
{
    background: #ffffff;
    border-style: groove;
    border-width: 2px;
    padding: 0px;
}

/* FIn de estilos de un arbol */

/* Inicio de estilos del split */
.gimak_Split_Hor_Left
{
    box-sizing: border-box;
    
    padding: 0px; 
    float:left;
    height:100%;
    border-width: 0px; 
    border-style: inset;  
    overflow:hidden;
}
.gimak_Split_Hor_Middle
{      
    box-sizing: border-box;
    
    float:left;
    height:100%;
    width:5px;
    border-width:0px; 
    border-style: ridge;
    background-color: darkgray;
}
.gimak_Split_Hor_Right
{   
    box-sizing: border-box;
    
    overflow:hidden;
    height:100%;
    border-width: 0px; 
    border-style: inset;    
    background-color: red;
}
.gimak_Split_Ver_Top
{    
    box-sizing: border-box;
    
    float:top;
    width:100%;     
    overflow:hidden;
    border-style: inset;
    border: 0px;  
    background-color: yellow;
}
.gimak_Split_Ver_Middle
{        
    box-sizing: border-box;
    
    float:top;
    width:100%;
    height:5px;
    padding:0px;   
    border-style: outset;   
    border: 0px;
    background-color: darkgray;
}
.gimak_Split_Ver_Bottom
{   
    box-sizing: border-box;
    
    border-style: inset;
    border: 0px;   
    float:top;
    width:100%;   
    /* overflow:hidden;    */
    height: 100%;
    background-color: blue;
}

/* Fin de estilos del split */


/* Inicio de los componentes de WebCustomCalendar */

.gimak_customCalendar_title
{
    background-color: darkblue;
    color: white;
    font-weight: bold;
    border-collapse:collapse;
}

.gimak_customCalendar_subTitle
{
    background-color: blue;
    color: white;
    border-collapse:collapse;
}

.gimak_customCalendar_dayHeader
{
    font-weight:normal;
    font-size:13px;
    font-weight: normal;
    
    background-color: #95a2d6;
    background-repeat: repeat-x;            
    border: 1px solid gray;
    border-collapse:collapse;
    text-align:center;
    color: #ffffff;
    padding:5px;
    margin:0px;
    cursor: default;
}

.gimak_customCalendar_cell
{
    background-color: #FFFFFF;
    font-weight:normal;
    cursor: default;
}

.gimak_customCalendar_table
{
    font-weight:normal;
    /* border: 1px solid gray; */
    background-color:#FFFFFF;
    cursor: default;
}

/* Fin de los estilos para WebCustomCalendar */