* {box-sizing: border-box;}

/*=============responsive columns ==========================*/
/*
the sum of columns sould be 12
*/

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%; }
.col-12 {width: 100%; }

.row::after 
{
    content: "";
    clear: both;
    display: block;
}


[class*="col-"] 
{
    float: left;
    padding: 1px; 
}

.no-wrap {
    white-space: nowrap; /* Prevents wrapping */
    word-break: keep-all; /* Ensures hyphens don't trigger line breaks */
}

/*Floating columns*/

.floating-2cols {
    display: inline-block;
    width: 49%;
    float:left;
    min-width: 350px;
    padding: 1px;
   /*border: 1px solid red;*/
}

.floating-2colsR {
    display: inline-block;
    width: 49%;
    float: left;
    min-width: 350px;
    padding: 1px;
    text-align:right;
    /*border: 1px solid red;*/
}


/*Creating 2 columns that float left then onresize floats down...*/

.floating-2box {
    display: inline-block;
    vertical-align:top;
    max-width: 260px;
    margin:2px auto 2px auto;
    /*height: 100%;*/
    /*margin: 3px;*/
  /* border: 1px solid #73AD21;*/
}

.floating-header-frm {
    display: inline-block;
    position:relative;
    bottom:0px;
     right:0px;
    width: 228px;
    /*border: 1px solid #73AD21;*/
}

/*Creating 3 columns that float left then onresize floats down...*/
.floating-3box {
    display: inline-block;
    vertical-align: top;
    max-width: 350px; /*420*/
    margin: 2px auto 2px auto;
    /*height: 100%;*/
    /*margin: 3px;*/
    /*border: 1px solid #73AD21;*/
}



/*Creating 4 columns that float left then onresize floats down...*/
.floating-4box {
    display: inline-block;
    vertical-align: top;
    max-width: 300px;
    margin: 2px auto 2px auto;
    /*height: 100%;*/
    /*margin: 5px;*/
    /*border: 1px solid #73AD21; */
}

/*Creating 2 big columns that float left then onresize floats down...*/
.floating-5box {
    display: inline-block;
    vertical-align:top;
    max-width: 410px;  /*420*/
    margin:2px auto 2px auto;
    /*height: 100%;*/
    /*margin: 3px;*/
    /*border: 1px solid #73AD21;*/
}

.floating-3Frmbox {
    display: inline-block;
    vertical-align: top;
    width: 32.33%; /*420*/
    /*max-width:250px;*/
    margin: 2px auto 2px auto;
    /*height: 100%;*/
    /*margin: 3px;*/
   /* border: 1px solid #73AD21;*/
}

.floating-2Frmbox {
    display: inline-block;
    vertical-align: top;
    width: 49%; /*420*/
    /*max-width:250px;*/
    margin: 2px auto 2px auto;
    float:left;
    /*height: 100%;*/
    /*margin: 3px;*/
    /* border: 1px solid #73AD21;*/
}

/*Creating  columns that float left then onresize floats down...*/
.tramite-fecha {width:110px}

.tramite-c1 {
    display: inline-block;
    vertical-align:top;
    width: 140px;
    margin:0px auto 0px auto;
    /*height: 100%;*/
    /*border: 1px solid red;*/
    float: left;    
}

.tramite-c2 {
    display: inline-block;
    vertical-align:top;
    /*width: 100px;*/
    /*width: 100%;*/
    max-width:800px;    
    margin:0px auto 0px auto;
    /*height: 100%;*/
    /*margin: 3px;*/
    /*border: 1px solid red;*/
    /* float: left;*/
     }


/*=====================Layout=======================*/


#PageLayout { position: static; width:100%; height:100%; background-color:#ffffff;}
#ContentLayout {position: static; width:100%; height:100%;  background-color:#ffffff; margin:0 auto 0 auto;}

#ContentHeader      {position:relative; /*z-index:1;*/ left: 0; top:0; width:100%; background-color:#ffffff; /*max-height:140px;*/ padding:0px 0px 0px 0px;} 
#ContentMenu        {position:relative; /*z-index:1;*/ left: 0; top:0; width:100%; /*border: 1px solid orange;*//*background-color:#82d417;*/ height:100%;}
#ContentBody        {position:relative; /*z-index:1;*/ left: 0; top:0; width:100%; background-color:#ffffff; min-height:200px;  height:100%;  margin:0 auto 0 auto; padding:2px 4px 4px 4px; }
#ContentBodySection {position:relative; height:100%;  width:100%; margin-left: auto ; margin-right: auto; /*overflow-y: scroll;overflow-x: hidden;*/ }
#ContentFooter      {position:fixed; left: 0px; bottom: 0px; height:35px; width:100%; background-color:#006450; margin:0 0 0 0 ;  padding:2px 0 2px 0; vertical-align:middle }

#PageFooter {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    width: 100%;
    /*min-height:120px;*/
    height: 100%;
    background-color: #ffffff;
    /*border: 2px solid red;*/
    text-align: left;
    padding: 4px 0 2px 4px;
    /*vertical-align: middle;*/
}

#ContentMenu.out {position:fixed; left: 0;top: 0; width: 100%;}

.FooterMenuStatic {
    position: absolute;
    font-family: Cabin, Verdana;
    font-size: 12px;
    font-weight: bold;
    width: 30%;
    display: block;
    /*margin: 0px 0px 0px auto;*/
    text-align: right;
    right: 8px;
    top:8px;
    vertical-align :middle;
    /*Padding: 0px 8px 0px 8px;*/
    /*border: 1px solid red;*/
}

/*=============Report Viewer Server Control===================*/
/*.DocMapAndReportFrame{ min-height:660px; min-width:1280px}*/
/*.MenuBarBkGnd{ min-width:1000px}*/


#ctl00_CPHBody_RptViewer input[type=text] {
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
    font-weight: normal;
    font-size: 12pt;
    color: #000000 !important;
    font-family:Cabin, verdana;
    background-color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px
}

#ctl00_CPHBody_RptViewer_ctl08_ctl00 
{
    /* font-family:verdana; font-size:12px;  color: #000000; */
    height: 25px;
    width: 100%;
    color: #FFFFFF !important;
    background-color: #437dcc;
    border: 1px solid #437dcc;
    border-radius: 2px;
    margin: 2px 2px 2px 2px;
}
/*=====================Header=============================================================================*/

#hdrtop { position:relative; color: #ffffff;display: flow-root; height:100%; margin:0 auto 0 auto;background-color:#006450; border:0px solid red}

.hdrleft   { position:relative; float:left;  height:100%; width:50%; min-width:250px; display: block; text-align:left;  left:3px;  background-color: transparent;  padding:6px 3px 3px 3px; border: 0px solid black;}
.hdrright  { position:relative; float:left;  height:100%; width:50%; min-width:250px; display: block; text-align:right; right:3px; background-color: transparent;  padding:6px 3px 3px 3px; border: 0px solid black;}



.HeaderIcons {color: #ffffff;}
    .HeaderIcons a {color: #8c96ac; text-decoration: none}
    .HeaderIcons:hover {color: #82d417;}
    .HeaderIcons:visited {color: #ffffff;}
    .HeaderIcons:active { color: #ffffff;}


.HeaderUsrIcons {color: #ffffff; font-family:Cabin,verdana; font-size:12px; }
    .HeaderUsrIcons a {color: #8c96ac; text-decoration: none}
    .HeaderUsrIcons:hover {color: #82d417;}
    .HeaderUsrIcons:visited {color: #ffffff;}
    .HeaderUsrIcons:active { color: #ffffff;}

.HAIB_logo_login { max-width: 100%; height: auto;}


#HAIBlogo {
    position: relative;
    margin: 0px;
    float: left;
    display: block;
    text-align: left;
    border: 0px solid black;
    height: 100%;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    /*background-image:url(../images/template/hdr_left.png); background-repeat: no-repeat;*/
}


.HAIB_logo {
    position: relative;
    height: 50px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url('../images/template/hdr_logo.png');*/
    /*background-size: cover;*/
    background-size: 100% 100%;
    /*border-bottom: 1px solid red;*/
}


.lovModulo {
    font-family: Cabin, Verdana;
    font-weight: normal;
    font-size: 12pt;
    color: #ffffff;
    cursor: pointer;
    border: 0px solid #333333;
    /*border-radius: 10px 10px 10px 10px;*/
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #006450 !important;
    text-overflow: ellipsis;
}

    .lovModulo:hover {
        border-color: #82d417;
        cursor: hand;
    }

    .lovModulo:focus {
        border-color: #333333
    }


/* =====================  Menu =========================================================== */
#MenuSection {
    position: relative;
    font-family: Cabin,verdana;
    color: #333333 !important;
    float: left;
    width: 100%;
    display: block;
    margin: 4px auto 0px auto;
    border-bottom: 2px solid #12d2d2;
}

    #MenuSection a {
        color: #333333;
    }

        #MenuSection a:hover {
            color: #00b04f;
        }

.MenuPosition {

    text-align: right !important;
    width: 100%;
    border: 0px solid blue;

    display: flow-root;    
    height: 50px;
      
    right: 0 !important;
    bottom: 0;
    vertical-align: bottom;
    padding: 30px 2px 10px 2px;
    margin:auto;
}

    /*.MenuPosition .aspNet-Menu {
        display: inline-block;*/ /* Makes the menu inline */
    /*}*/



      .StaticMenuStyle      {background-color:#ffffff; font-size:12pt; color:#333333 !important;text-transform: uppercase;border:0px solid #333333 } 
  /* .StaticSelectedStyle  { background-color:#ffffff ; border-bottom:0px; border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;  font-weight:normal; color:#000000 } */
     .StaticMenuItemStyle  { color:#333333 !important; text-transform: uppercase;border-left:2px solid #12d2d2}
     .DynamicMenuStyle     { background-color:#ffffff; font-size:12pt; color:#333333; text-transform: uppercase; margin: 5px 0px 0px 0px !important; padding: 0px 0px 0px 0px; border-top:2px solid #ffffff; border-left:2px solid #12d2d2;border-bottom:2px solid #12d2d2;border-right:2px solid #12d2d2;}
     .DynamicMenuStyle :hover { background-color:#777777 !important; color:#ffffff !important;text-transform: uppercase;}


/* Menu estatico adicional al menu dinamico.... */
.StaticMenu a {
    float: left;
    Padding: 0px 0px 0px 0px; /* margin: 0 1px 0 6px; */
    font-family: Cabin,verdana;
    font-size: 14pt;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

 .StaticMenu:hover  {background-color:#333333; font-weight:bold; color:#ffffff;}

.StaticMenu:active {
    font-family: Cabin,verdana;
    font-weight: bold;
    color: #333333
}

.No_Background{background-color:#ffffff}
.No_Borders {border:none}

/*=========================  SideNav  ==========================================================*/
#menubutton {
    display: none;
    padding-left: 10px;
}


.sidenav {
    font-size: 8pt;
    text-transform: uppercase;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow: hidden;
    transition: 0.5s;
    border-right:  0px solid #12d2d2;
    box-shadow: 2px 2px 10px #777777;
}

  .sidenav a {
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        color: #132244;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #ffffff !important;
        background-color: #777777;
    }

.sidenavheader {
    top: 0px;
    left: 0px;
    padding-top: 2px;
    padding-left: 2px;
    background-color: #ffffff;
    border-bottom:2px solid #12d2d2 !important; 
    height: 45px; 
}

    .sidenavheader .closebtn {
        position: absolute;
        font-size: 28px;
        color: red;
        top: -18px;
        right: 0px;
    }


/*==================Tree Menu =====================*/
.nodeLevel1 {
    font-family: Cabin, Verdana;
    font-size: 8pt;
    font-style: normal;
    color: #132244;
    margin-left: 5px;
    padding-left: 0px;
}

    .nodeLevel1 a:hover {
        color: #82d417;
    }

.nodeLevel2 {
    font-family: Cabin, Verdana;
    font-size: 8pt;
    font-style: normal;
    color: #132244;
    margin-left: 0px;
}

    .nodeLevel2 a:hover {
        color: #82d417;
    }

.nodeLevel3 {
    font-family: Cabin, Verdana;
    font-size: 8pt;
    font-style: normal;
    color: #132244;
    padding-left: 2px;
}

    .nodeLevel3 a:hover {
        color: #82d417;
    }
     
/* =====================  WelcomePage =========================================================== */
.lblWelcomeMsg {
    font-size: 12pt;
    font-weight: normal;
    font-family: Cabin,verdana;
    font-style: normal;
    color: #333333;
}


#WelcomePage {
    position: relative;
    font-family: Cabin,verdana;
    font-size: 12pt;
    height: 100%; /*width: 850px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}


.floating-Modulebox {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 0px 3px 3px 3px;
    float: left;
    /*height: 100%;*/
    /*margin: 5px;*/
    /* border: 1px solid #73AD21; */
}

.WelcomeMainSection {
    width: 100%;
    /*float: left;*/
    padding: 0px;
}

.WelcomeTranList {
    display: inline-block;
    vertical-align: top;
    width:45%;
    min-width: 260px;
    margin: 2px 10px 2px 10px;
    float: left;
    /*height: 100%;*/
    /*margin: 3px;*/
    /* border: 1px solid #73AD21;*/
}

.Welcome_ul {
    list-style-type:none;
    padding: 5px 10px 5px 10px;
    margin-left:10px;
}

.Module_ul {
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
}

.pv_ul {
    /*list-style-type:none;*/
    padding: 5px 10px 5px 10px;
}

.Estatus001 {  color:gray;}
.Estatus002 {  color:gold;}
.Estatus003 {  color:darkorange;}
.Estatus004 {  color:red;}
.Estatus005 {  color:green;}


.icon-blue { color: deepskyblue;}
.icon-green {color: green;}
.icon-red { color: red;}
.icon-gray { color: gray;}
.icon-yellow {color: orange;}

.grid-blue {background-color: deepskyblue;}
.grid-green {background-color: #aaffaa;} /* #aaffaa, #33cc33, #006600*/
.grid-red {background-color: #ffaaaa;} /* #ffaaaa, #ff3333, #990000*/
.grid-gray {background-color: #cccccc}
.grid-lgray {background-color: #eaf3ea}
.grid-yellow {background-color: #ffffaa;}/*#ffffaa, #ffcc33, #ff9900*/


.usrinactive {color: gray !important}
.usractive {color: green !important}

.Suscriptorinactive {color: gray !important}
.Suscriptoractive {color: green !important}

.vipinactive {color: gray !important}
.vipactive {color: gold !important}


.ModuleSection {
    position: relative;
    font-family: Cabin,verdana;
    font-size: 12pt;
    height: 100%;
    width: 33.33%;
    /*border: solid 2px #e7e7e7; border-radius:10px;*/
    margin-left: 5px;
    margin-right: auto;
    margin-top: 10px;
}

#ProfileSection { /*position: relative; */
    font-family: Cabin,verdana;
    font-size: 10pt;
    vertical-align: top;
    height: 100%;
    width: 200px;
    border: solid 2px #e7e7e7; /*border-radius:10px*/
    margin-left: 5px;
    margin-top: 10px;
    display:none;
}

.MainSection {
    font-family: Cabin,verdana;
    font-size: 12pt;
    height: 100%;
    width: 100%;
    border: solid 2px #cccccc;
    border-radius: 10px;
    padding: 10px 5px 0px 5px !important;
    margin: 2px 2px 2px 2px;
}
             
.InsideSection{position: relative; padding: 3px 3px 3px 3px}

.ListSection {list-style-type: none; padding: 2px 3px 2px 3px;}

#PanelChangePass {display:none; position:relative; height:100%; /*width: 230px;*/ margin-left: auto ; margin-right: auto; margin-top:auto; font-family: Cabin, Verdana; font-size: 8pt; color: #000000; font-weight: normal; }

.showpass {
    font-family: Cabin,verdana;
    font-size: 8pt;
    color: #333333;
    font-weight: bold
}
.showpass:link {text-decoration: underline}
.showpass a {text-decoration: underline }
    .showpass:visited {
        font-family: Cabin,verdana;
        font-size: 8pt;
        color: #333333;
        font-weight: bold;
        text-decoration: underline
    }
    .showpass:active {
        font-family: Cabin,verdana;
        font-size: 8pt;
        color: #333333;
        font-weight: bold;
        text-decoration: underline
    }
.showpass:hover {color: #333333;}


.psmuypobre  {font-family: Cabin,verdana;	font-size: 10pt; color: Red; border: solid 1px #ffffff;  background-color: #ffffff; font-weight: bold;}
.pspobre     {font-family: Cabin,verdana;	font-size: 10pt; color: Red; border: solid 1px #ffffff;	background-color: #ffffff;	font-weight: bold}
.psprom      {font-family: Cabin,verdana;	font-size: 10pt; color: Orange; border: solid 1px #ffffff;	background-color: #ffffff;	font-weight: bold}
.psfuerte    {font-family: Cabin,verdana;	font-size: 10pt; color: Green; border: solid 1px #ffffff;	background-color: #ffffff ;	font-weight: bold}
.psexcelente {font-family: Cabin,verdana;	font-size: 10pt; color: Green; border: solid 1px #ffffff;  background-color: #ffffff ;	font-weight: bold}



/* =====================  Body =========================================================== */
#body {
    font-family: Cabin,verdana;
    font-size: 12pt;
    margin: 0 0 0 0;
    letter-spacing: 1px;
}


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

hr {
    border: none;
    height: 0px;
    background-color: #12d2d2;
}

.hr_divider {
    border: none;
    height: 2px;
    background-color: #12d2d2;
}

/* =====================  Page Instructions =========================================================== */
#page_instructions {
    display: none;
    position: relative;
    height: 100%;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    font-family: Cabin, Verdana;
    font-size: 8pt;
    color: #333333;
    font-weight: normal;
}
 #EsperaImg {display:none}
 .DisplayNone{display:none}
 
 
.showcontent          {font-family: Cabin, Verdana;	font-size: 10pt;	color: #777777;	font-weight: bold;	text-decoration: underline}
.showcontent:link     {text-decoration: none;}
.showcontent:visited  {font-family: Cabin, Verdana;	font-size: 10pt;	color: #777777;	font-weight: bold;	text-decoration: none}
.showcontent:active   {font-family: Cabin, Verdana;	font-size: 10pt;	color: #777777;	font-weight: bold;	text-decoration: none}
.showcontent:hover    {color: #333333;}

/*===================== Log In ====================================================================*/
 #loginwin {position:static;  width: 600px; margin: 0 auto auto auto; height:100%; border-radius:10px;}


/*=====================Form Statndard=====================================================================*/
#FrmContent  {position:relative; height:100%; min-height:420px; width:90%; margin-left: auto ; margin-right: auto; margin-top:auto; padding-left:auto; padding-right:auto; /*border-radius:10px;*/ /*border: 1px solid #000000;*/}
#FrmOptions  {position:relative; text-align:right; margin-right: 0}
#FrmTitle {
    position: relative;
    text-align: left;
    /*font-family: Cabin,Verdana;
    font-weight: bold;
    color: #333333;
    font-size: 16pt;*/
    margin-bottom: 5px;
}

.FrmTitleIcon {color: #99cc00;}

#FrmTxtTitle {position:relative; font-family: Cabin,Verdana; font-weight:bold; color:#333333; font-size:16pt; text-align: left;}
#FrmBody     {position:relative;  display: block; overflow: auto; padding: 5px 5px 5px 5px; min-height:200px; height:100%; vertical-align: middle; background-color: #ffffff; border-top:2px solid #12d2d2; border-left:2px solid #12d2d2; border-right:2px solid #12d2d2;border-top-left-radius:10px; border-top-right-radius:10px;/*border-bottom:1px solid #777777;*/}

#FrmSearch {
    position: relative;
    display: inline-block;
    overflow: auto;
    padding: 5px 10px 5px 5px;
    width: 20%;
    min-width: 300px;
    float: left;
    min-height: 200px;
    height: 100%;
    vertical-align: top;
    background-color: #ffffff;
    border: 2px solid #12d2d2;
    border-radius: 10px;
    margin: 4px;
}

#FrmSearchResults {
    position: relative;
    display: inline-block;
    overflow: auto;
    padding: 5px 5px 5px 5px;
    width: 75%;
    min-width: 300px;
    float: left;
    min-height: 200px;
    height: 100%;
    vertical-align: top;
    background-color: #ffffff;
    border: 2px solid #12d2d2;
    border-radius: 10px;
    margin: 4px;
}

/*===============================    Dashboard   ====================================================================================================*/

#FrmDashboardSection {
    position: relative;
    display: inline-block;
    overflow: auto ;
    width: 75%;
    float: left;
    height: 100%;
    vertical-align: top;
    text-align: center;
    background-color: #ffffff;
    border: 0px solid #12d2d2;
}

.BoxDashboardTotal {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center the number vertically */
    align-items: center; /* Center the number horizontally */
    /*height: 200px;*/ /* Adjust based on your container */

    position: relative;
    overflow: auto;
    padding: 2px 2px 2px 2px;
    width: 24.2%;
    float: left;
    min-height: 160px;
    max-height: 160px;
    background-color: #ffffff;
    border: 2px solid #12d2d2;
    border-radius: 10px;
    margin: 4px;
}


.BoxDashboardResults {
    display: inline-block;
    position: relative;
    overflow: auto;
    padding: 2px 2px 2px 2px;
    width: 24.2%;
    float: left;
    min-height: 160px;
    max-height: 160px;
    background-color: #333333;
    border: 2px solid #12d2d2;
    border-radius: 10px;
    margin: 4px;
}


.DashboardTypeLbl {
    font-size: 14pt;
    font-weight: bold;
    font-family: Cabin, Verdana;    
    /* -webkit-text-stroke: .5px #ffffff;*/ /* Stroke thickness and color */
    text-shadow: 1px 1px 1px #ffffff;
}

.DashboardTotalLbl {
    font-size: 30pt;
    color: #000000;   
    font-weight: bold;
    font-family: Cabin, Verdana;

}

.DashboardNumberLbl {
    font-size: 20pt;
    color: #ffffff;
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-family: Cabin, Verdana;
    text-shadow: 3px 3px 3px 3px #ffffff;
}


.DashboardPrcntLbl {
    font-size: 14pt;
    color: #ffffff;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    font-family: Cabin, Verdana;
    text-shadow: 3px 3px 3px 3px #ffffff;
    border:0px solid #ffffff;
}


    .dashboardLigth {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 100%; /* Adjust as needed */
}

.ballred {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffaaaa, #ff3333, #990000);
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.3), inset 10px 10px 15px rgba(0, 0, 0, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.ballyellow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffffaa, #ffcc33, #ff9900);
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.3), inset 10px 10px 15px rgba(0, 0, 0, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.ballgreen {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #aaffaa, #33cc33, #006600);
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.3), inset 10px 10px 15px rgba(0, 0, 0, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.3);
}

/*===================================================================================================================================*/

.FrmFieldSectionCols {
    display: inline-block;
    /*vertical-align:top; */
    width: 80%;
    min-width: 300px;
    float: left;
    /*height: 100%;*/
    /*margin: 2px;*/
    /*border: 0px solid red;*/
}


.FrmSearchSectionCols {
    display: inline-block;
    /*vertical-align:top; */
    width: 20%;
    min-width: 300px;
    float: left;
    /*height: 100%;*/
    /*margin: 2px;*/
    border: 2px solid #12d2d2;
}

.FrmSearchResults {
    display: inline-block;
    /*vertical-align:top; */
    width: 80%;
    min-width: 300px;
    float: left;
    /*height: 100%;*/
    /*margin: 2px;*/
    border: 2px solid #12d2d2;
}

.FrmButtonCols {
    display: inline-block;
    /*vertical-align:top; */
    width: 20%;
    float: left;
    /*height: 100%;*/
    margin-bottom: 4px;
    text-align:right;
    /*border: 1px solid blue;*/
}

.Commandpanel {
    display: inline-block;
    text-align: right;
    width:150px;
}


#FrmFooter {
    position: relative; /*padding-top:2px; padding-bottom:2px;*/
    height: 100%;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    font-family: Cabin, Verdana;
    /* background-color: #ffffff;*/
    /*border: 1px solid #777777;*/
    border-left: 2px solid #12d2d2;
    border-right: 2px solid #12d2d2;
    border-bottom: 2px solid #12d2d2;
    padding: 5px 5px 5px 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



#FormStatusBar {position:relative; padding-top:1px;  /*border:solid 10px #777777;*/ height: 20px; vertical-align: middle;text-align: center; font-weight: normal; font-family: Cabin, Verdana; font-size:8px;background-color:transparent}
#FormStatusBarMaster {position:relative; padding-top:1px; border-top:solid 2px #ebe9e9; width:100%; height: 20px; vertical-align: middle; text-align: left; font-weight: normal; font-family: Cabin, Verdana;  font-size:8px; background-color: transparent;}

.lblStatusBar {font-family: Cabin, Verdana;	font-size:8pt;	color: #333333;	font-weight: normal;}
.StatusBarLeft {position:relative; width:50%; float:left; text-align:left}
.StatusBarRight {position:relative; width:50%; float:left;text-align:right}

.FrmSectionTitle {position:static; margin:0px 0px 4px 0px; font-weight: Bold; font-size:12pt; color:#333333; text-align: center; border-bottom: solid 2px #12d2d2}

td.FrmSectionTitle { border-bottom:solid 1px #ffffff }

#FormFieldSpace {margin-top:1px; margin-bottom: 1px;}
.FormFieldSpace {margin-top:1px; margin-bottom: 1px;}

/*#ErrorTxtSection{border:1px solid #ff0000; background-color:#f7f967; height:100%; width:100%}*/

#ErrorTxtSection{height:100%; width:100%;/*border:1px solid #f7d75c;*/ background-color:transparent; }


.UploadControl {
 
}

/*=====================  Master Detail =====================================================================*/
#FrmDetailTitle {
    position: relative;
    height: 30px;
    border-bottom: 1px solid #333333;
    background-color: #333333; /*background-image: url(../images/template/hdr_submenu_back.png);background-repeat: repeat;*/
}
#FrmDetailTxtTitle {position:relative; margin:5px 5px 5px 5px;  font-weight: bold;font-family: Cabin, Verdana; color:#FFFFFF; /*text-shadow: -1px 1px 1px black;*/ }
#FrmDetailBody     {position:relative; padding-left:0px; padding-top:5pt; vertical-align: middle; background-color: #ffffff; /*border-left:1px solid #777777; border-right:1px solid #777777*/}
#FrmDetailFooter   {position:relative; padding-top:3pt; height: 20px; vertical-align: middle;text-align: justify; font-weight: bold;font-family: Cabin, Verdana;	background-color: #777777}


#FrmAnejosTitle    {position:relative; height: 30px; /*padding-top:1px;*/ padding-left:5px;background-color: #ffffff; /*border: 1px solid #000000;*/ background-image: url(../images/template/hdr_submenu_back.png);background-repeat: repeat;/*border-top-left-radius:10px;border-top-right-radius:10px;*/}
#FrmAnejosTxtTitle {position:relative; margin:5px 5px 5px 5px; width:55px; float:left; font-weight: bold;font-family: Cabin, Verdana; color:#FFFFFF; text-shadow: -1px 1px 1px black ; }
#FrmAnejosSection  {position:relative; height: 30px; /*padding-top:1px;*/ padding-left:5px; background-color: #ffffff; /*border: 1px solid #000000;*/ background-image: url(../images/template/hdr_submenu_back.png);background-repeat: repeat;}

.TabSectionTxtTitle { font-size:14px; font-weight: bold;font-family: Cabin, Verdana; color:#000000; text-shadow: -1px 1px 1px #ffffff ; }
/*===================== Tabs  ====================================================================*/
#FrmTabsSection  {position:relative; /*bottom:10px;*/ vertical-align:bottom; height:100%;margin:10px 2px 10px 2px; padding-top:2px !important; border-top:2px solid #12d2d2; border-bottom:0px solid #333333;background-color: #ffffff;}

.FrmTabsSection  {position:relative;bottom:-1px; vertical-align:bottom; height:30px !important; width:100%;  /*padding-top:1px !important;*/ /*border-top:1px solid #e9e9e9;*/ border-bottom:0px solid #333333;background-color: #ffffff;}

/*Use the padding for positioning the width of the tabs*/
.statictab   {position:relative; height:30px; width:0px;  padding:0px 8px 0px 8px; border-bottom:solid 4px #cccccc ; background-color: #ffffff;  text-align:center; font-size:12pt !important; font-weight:normal; font-family: Cabin, Verdana; color:#333333;text-decoration: none !important; }
.hovertab    {position:relative; height:30px; width:0px;  padding:0px 8px 0px 8px; border-bottom:solid 4px #00b04f ; background-color: #ffffff;  text-align:center; font-size:12pt !important; font-weight:normal; font-family: Cabin, Verdana; color:#00b04f;text-decoration: none !important; }
.selectedTab {position:relative; height:30px; width:0px;  padding:0px 8px 0px 8px; border-bottom:solid 4px #12d2d2 ; background-color: #ffffff;  text-align:center; font-size:12pt !important; font-weight:bold;   font-family: Cabin, Verdana; color:#333333;text-decoration: none !important; }
.disabledTab {position:relative; height:30px; width:0px;  padding:0px 8px 0px 8px; border-bottom:solid 4px #cccccc ; background-color: #ffffff;  text-align:center; font-size:12pt !important; font-weight:normal; font-family: Cabin, Verdana; color:#CCCCCC;text-decoration: none !important;}

.tabtrunc { position:relative;}

.hovertab a:hover  { background-color: #ffffff;color:#00b04f;}
/*.statictab a:hover { background-color: #333333;color:#ffffff;}*/
.selectedTab a:hover { background-color: #ffffff;color: #00b04f;}

.lblAnejoTitle  {font-family: Cabin, Verdana;font-size: 12pt; color: #333333; font-weight: bold;}

/*=====================  Page Footer   ==========================================================*/
.PageFooterA {
    position: relative;
    vertical-align: middle;
    font-weight: bold;
    font-family: Cabin, Verdana;
    color: #8c96ac;
    text-transform: capitalize;
    font-size: 10pt;
    /* margin-top: 2px;*/
    margin-bottom: 4px;
}

.PageFooterB {
    position: relative;
    vertical-align: middle;
    font-weight: bold;
    font-family: Cabin, Verdana;
    color: #ffffff;
    font-size: 10px;
    /*margin-top: 2px;*/
}

.PageFooterC 
{
    position: relative;
    vertical-align: middle;
    font-weight: normal;
    font-family: Cabin, Verdana;
    color: #777777;
    font-size: 10pt;
}

.FooterSectionA {
    width: 49.5%;
    float: left;
    text-align: left;
    padding: 4px 4px 4px 4px;
    border: Solid 0px red;
}

.FooterSectionB {
    width: 49.5%;
    float: left;
    text-align: right;
    /*padding: 4px 4px 4px 4px;*/
    border: Solid 0px red;
}

.footerIcons {color: #ffffff}
    .footerIcons a {color: #99cc00;text-decoration: none}
    .footerIcons:hover {color: #82d417;}
    .footerIcons:visited {color: #99cc00;}
    .footerIcons:active { color: #99cc00;}


/*=========================================================================================*/

/*divide section*/
.insidesection {width:100%; height:100%; /*/border: 1px solid #FFFFFF;*/ background-color:#333333; margin:4px auto 0 auto; /*border-radius:10px;*/}
.insidesectiontxt {font-size:14px; font-weight: bold;font-family: Cabin, Verdana; color:#777777;}

/*=========================================================================================*/

.tracker-bg{background-image:url(../images/template/tracker_bg.jpg); border:1px solid #333333;}

.li-tramites{ padding-left:10px;}

.reqindicator{font-family: Cabin, Verdana;	font-size: 8pt;	color: #ff0000;	font-weight: bold; text-decoration: none;padding-left:1px; padding-right:1px}

label.DetailFormLblFixed {font-weight:bold; font-size: 12pt; color: #777777; font-family: Cabin, Verdana; padding-left:3px; padding-right:3px; width:130px}
.DetailFormLblFixed {font-weight:bold; font-size: 12pt; color: #777777;	font-family: Cabin, Verdana;padding-left:3px; width:130px}

label.DetailFormLbl {font-weight:bold; font-size: 12pt; color: #777777;	font-family: Cabin, Verdana; padding-left:3px; padding-right:3px;}
.DetailFormLbl      {font-weight:bold; font-size: 12pt; color: #777777;	font-family: Cabin, Verdana;  padding-left:3px;min-width:130px}
.DetailPrintLbl     {font-weight:bold; font-size: 12pt; color: #777777;	font-family: Cabin, Verdana;  padding-left:3px;}

.DetailFormData     {font-weight:bold; font-size: 12pt; color: #000000;	font-family: Cabin, Verdana;  padding-left:3px;min-width:130px}


.SectionLbl {font-weight:bold; font-size: 12pt; color: #132244 ; font-family: Cabin, Verdana;  padding-left:3px;}

input.DetailFormTxtbox {border-width: 1px; 	border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt; font-style:normal; color: #484848;	font-family: Cabin, Verdana; background-color: #ffffff; padding: 2px 2px 2px 2px; margin-left:3px; margin-right:3px; border-radius:4px; max-width:100%}
input.DetailFormTxtbox:hover{border-color: #82d417}
input.DetailFormTxtbox:focus{border-top-color:#cccccc;border-left-color:#cccccc; border-right-color:#cccccc; border-bottom-color: #82d417}

input.DetailFormTxtboxRight {text-align: right; border-width: 1px;	border-style: solid; border-color: #cccccc; font-weight: normal; font-size: 12pt;	font-style:normal; color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff;margin-left:3px; margin-right:3px; border-radius:4px; max-width:100%}
input.DetailFormTxtboxRight:hover{border-color: #82d417}
input.DetailFormTxtboxRight:focus {border-top-color:#cccccc;border-left-color:#cccccc; border-right-color:#cccccc; border-bottom-color: #82d417 !important}

.DetailFormTxtboxDisable { border-width: 1px;	border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt;	font-style:normal; color: #333333;	font-family: Cabin, Verdana;	background-color: #d6d2c3;margin-left:3px; margin-right:3px; border-radius:4px; max-width:100%}
.DetailFormTxtboxDisableRight { border-width: 1px;	border-style: solid; border-color: #777777;	font-weight: normal; font-size: 12pt;	font-style:normal; color: #333333;	font-family: Cabin, Verdana; text-align: right;	background-color: #d6d2c3; margin-left:3px; margin-right:3px; border-radius:4px; max-width:100%}

.DetailFormTxtbox { border-width: 1px;	border-style: solid; border-color: #777777;	font-weight: normal; font-size: 12pt;	font-style:normal; color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff; }

.DetailFormTxtboxAlert  {border-width: 1px;	border-style: solid;	border-color: #777777;	font-weight: normal;	font-size: 12pt;	color: #AFB1B3;	font-family: Cabin, Verdana;	background-color:#82d417}

.DetailFormTxtboxDisableRightRed { margin-left:3px; margin-right:3px; border-width: 1px;	border-style: solid; border-color: #333333;	font-weight: bold; font-size: 12pt;	color: red;	font-family: Cabin, Verdana; text-align: right;	background-color: #d6d2c3}


input.GridTxtbox {border-width: 1px; 	border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt; font-style:normal; color: #484848;	font-family: Cabin, Verdana; background-color: #ffffff; padding: 2px 2px 2px 2px; margin-left:3px; margin-right:3px; border-radius:4px; max-width:100%}
input.GridTxtbox:hover{border-color: #82d417}
input.GridTxtbox:focus{border-color: #333333}  

.DetailFormValuelbl {
    font-weight: normal;
    font-size: 12pt;
    font-style: normal;
    color: #333333;
    font-family: Cabin, Verdana;
    padding-left: 3px;
}

textarea.DetailFormTxtbox {border-width: 1px; border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt;	color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff; margin-left:3px; margin-right:3px; border-radius:4px}
textarea.DetailFormTxtbox:hover{border-color: #82d417}
textarea.DetailFormTxtbox:focus{border-color: #333333}

/*.dropdown select {}*/
select.DetailFormTxtbox {border-width: 1px;	border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt;	color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff;margin-left:3px; margin-right:3px;border-radius:4px}
select.DetailFormTxtbox:hover{border-color: #82d417}
select.DetailFormTxtbox:focus{border-color: #333333}


textarea.GridTxtbox {border-width: 1px; border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt;	color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff; margin-left:3px; margin-right:3px; border-radius:4px}
textarea.GridTxtbox:hover{border-color: #82d417}
textarea.GridTxtbox:focus{border-color: #333333}

/*.dropdown select {}*/
select.GridTxtbox {border-width: 1px;	border-style: solid; border-color: #cccccc;	font-weight: normal; font-size: 12pt;	color: #333333;	font-family: Cabin, Verdana;	background-color: #ffffff;margin-left:3px; margin-right:3px;border-radius:4px}
select.GridTxtbox:hover{border-color: #82d417}
select.GridTxtbox:focus{border-color: #333333}


.RBL label { display: block;}
.RBL td { text-align: center;   width: 20px;}


input
{
	color: #333333;
	font-family:Cabin,Verdana;
	font-size:12pt;
	font-weight:bold;
}


    input.CommandBtn {
        height: 25px;
        width: 100px;
        color: #333333;
        background-color: #82d417;
        border: 1px solid #82d417;
        border-radius: 4px;
        margin: 2px 4px 2px 10px;
    }

        input.CommandBtn:hover {
            cursor: hand;
            background-color: #95d93d;
            border: 1px solid #95d93d;
            color: #333333;
        }


    input.CommandBtnSmall {
        font-family: Cabin, Verdana;
        font-size: 10pt;
        color: #ffffff;
        height: 25px;
        width: 20px;
        background-color: #82d417;
        border: 1px solid #333333;
        border-radius: 3px;
        margin: 2px 2px 2px 2px;
    }

        input.CommandBtnSmall:hover {
            cursor: hand;
            background-color: #95d93d;
            border: 1px solid #95d93d;
            color: #333333;
        }



input[type=checkbox].chkbox {
    border: 1px solid #cccccc;
    border-radius: 4px;
    Color: green;
}
   
input[type=checkbox].chkbox:hover{border-color: #82d417}
input[type=checkbox].chkbox:focus{border-color: #ff9900}

/*Hide drop down system arrows for IE*/
/*select::-ms-expand {display: none;}*/

.lov {
    font-weight: normal;
    font-size: 12pt;
    cursor: pointer;
    color: #333333;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #ffffff;
    font-family: Cabin,Verdana !important;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow_down.png") no-repeat right #f2f2f2;*/
    text-overflow: ellipsis;
    /*min-width: 130px;*/
    max-width:100%;
}

	
  .lov:hover { border-color: #82d417;  cursor: hand;}  
  .lov:focus{border-color: #333333}



.lovPagina {
    font-weight: normal;
    font-size: 12pt;
    cursor: pointer;
    color: #333333;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #ffffff;
    font-family: Cabin,Verdana;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow_down.png") no-repeat right #f2f2f2;*/
    text-overflow: ellipsis;
    min-width: 50px;
}


    .lovPagina:hover {
        border-color: #82d417;
        cursor: hand;
    }

    .lovPagina:focus {
        border-color: #333333;
    }
  
  .lov .ajax__combobox_textboxcontainer input {
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    border-right: 0px none;
     
}
.lov .ajax__combobox_buttoncontainer button {
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    cursor: hand;
}

    .lov .ajax__combobox_buttoncontainer button hover {
        background-color: #d6d2c3;
        border: solid 1px #cccccc;
        cursor: hand;
    }

.CommandBtnBrowse {/*border: 1px solid #cccccc;*/ min-width:90px; width:100%; font-weight: normal; font-size: 12pt; font-style:normal; color: #484848; font-family: Cabin, Verdana; background-color:transparent; padding: 2px 2px 2px 2px; margin-left:3px; margin-right:3px; border-bottom-left-radius:10px;border-radius:10px 10px 10px; max-width:100%}
/*.CommandBtnBrowse:hover{border-color: #82d417}
.CommandBtnBrowse:focus{border-color: #333333}*/
	
option hover 
{ 
	font-weight: normal;
	font-size: 12px;
	/*background-image: url(../images/template/selected.png);*/
	cursor: hand; 
	color: #FFFFFF; 	
	background-color:#000000;
	font-family: Cabin, Verdana;
}

.watermarkfield {border-width: 1px;	border-style: solid; border-color: #777777;font-family: Cabin, Verdana; font-size: 8pt; color: #777777;	font-weight: normal; height: 16px}
.watermarkfield:hover {border-color: #82d417; color: #333333;}
.watermarkfield:focus {border-color: #333333}


.Collapsetxt {font-family: Cabin, Verdana;	font-size: 8pt;	color: #777777;	font-weight: bold;}



/*==================================*/


/*=====================Modal Popup Window=======================*/
.modalBackground
{
  background-color:#666666;
  filter:alpha(opacity=40);
  opacity:0.5;
}

/*ID necesario para saber que modal esconder*/
#ModalWindow {
    /*padding: 4px 4px 4px 4px;
    border: 2px solid #777777;
    border-radius: 10px 10px 10px 10px;*/
    background-color: blue;
}

#ModalWin {
    padding: 4px 4px 4px 4px;
    border: 2px solid #333333;
    border-radius: 10px 10px 10px 10px;
    background-color: #ffffff;
}

#ModalWinTitle    {position:relative; height: 26px; margin-left: 4px;}
.ModalWinTxtTitle {position:relative; font-weight: bold;font-family: Cabin, Verdana; color: #333333; font-size:16pt;}
.txt_red {color: red}
#ModalWinBody     {position:relative; padding-left:5px; padding-right:5px; padding-top:5px; vertical-align: middle; background-color: #ffffff; }
#ModalWinFooter   {position:relative; /*padding-top:2px; padding-bottom:2px;*/ height: 100%; vertical-align: middle;text-align: center; font-weight: bold;font-family: Cabin, Verdana; 	background-color: #777777; border:1px solid #777777; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}


/*=====================Page=======================*/
body {
    font-family: Cabin, Verdana;
    font-size: 12pt;
    margin: 0 0 0 0;
    letter-spacing: 1px;
}

#waitmsg {
    /*display: flex;*/
    justify-content: center;
    align-items: center; 
    /*height: 100vh; */
    background: #CCCCFF;
    border:0 solid red;
    visibility: hidden;
}



p.sectiontxt
{
	font-family: Cabin, Verdana;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
}

h1
{
	font-family: Cabin, Verdana;
	font-size: 14pt;
	font-style: oblique;
	font-weight: bold;
}

.lbltxt { font-family: Cabin, Verdana; font-size: 12pt; color: #333333; font-weight: bold}
.linktxt {font-family: Cabin, Verdana;	font-size: 12pt;	color:  #777777;	font-weight: normal; text-decoration: none}
.linktxt:link {text-decoration: none}
.linktxt a {text-decoration: none }
.linktxt:visited {font-family: Cabin, Verdana;	font-size: 12pt;	color: #777777;		text-decoration: none}
.linktxt:active {font-family: Cabin, Verdana;	font-size: 12pt;	color: #777777;		text-decoration: none}
.linktxt:hover {color: #00b04f; cursor:hand; text-decoration: none;  }
.linktxt label:hover {color: #00b04f; cursor:hand; text-decoration: none;}


.ActionMenulinktxt {font-family: Cabin, Verdana; font-size: 12pt; color: #777777; font-weight: normal; text-decoration: none;padding:2px; margin-right:5px;border-bottom:2px solid #ffffff}
.ActionMenulinktxt:link {text-decoration: none}
.ActionMenulinktxt a {text-decoration: none }
.ActionMenulinktxt:visited {font-family: Cabin, Verdana;	font-size: 12pt;	color: #777777;		text-decoration: none}
.ActionMenulinktxt:active {font-family: Cabin, Verdana;	font-size: 12pt;	color: #777777;		text-decoration: none}
.ActionMenulinktxt:hover {color: #00b04f; cursor:hand; text-decoration: none; border-bottom:2px solid #00b04f; }
.ActionMenulinktxt label:hover {color: #00b04f; cursor:hand; text-decoration: none; border-bottom:2px solid #00b04f;}


.gridlinktxt {font-family: Cabin, Verdana; font-size: 12pt; color:#333333; font-weight:bolder;text-decoration: underline;}
.gridlinktxt:link {text-decoration: none ; color: #333333; text-decoration: underline;}
.gridlinktxt a {text-decoration: none ; color: #333333;text-decoration: underline; }
.gridlinktxt:visited {font-family: Cabin, Verdana;		color: #333333;		text-decoration: underline}
.gridlinktxt:active {font-family: Cabin, Verdana;		color: #437dcc;		text-decoration: underline}
.gridlinktxt:hover {color: green; cursor:hand; text-decoration: underline; }

.normaltxt {font-family: Cabin, Verdana;	font-size: 12pt;	color: #333333;	font-weight: normal;}

.bodylinktxt {font-family: Cabin, Verdana;	font-size: 12pt;	color: #333333;	font-weight: bold; text-decoration: none}
.bodylinktxt:link {text-decoration: none}
.bodylinktxt a {text-decoration: none }
.bodylinktxt:visited {font-family: Cabin, Verdana;	font-size: 12pt;	color: #437dcc;	font-weight: bold;	text-decoration: none}
.bodylinktxt:active {font-family: Cabin, Verdana;	font-size: 12pt;	color: #437dcc;	font-weight: bold;	text-decoration: none}
.bodylinktxt:hover {color: #82d417; cursor:hand; text-decoration: none}
.bodylinktxt label:hover {color: #82d417; cursor:hand; text-decoration: none}

.normalftrtxt {font-family: Cabin, Verdana;	font-size: 10pt; color: #ffffff !important; font-weight:normal;}
.homenormaltxt {font-family: Cabin, Verdana;	font-size: 12pt;	color: #333333;	font-weight: normal;}
.smalltxt {font-family: Cabin, Verdana; font-size: 10pt; color: #333333; font-weight: normal;}
.xsmalltxt {font-family: Cabin, Verdana;font-size: 10pt; color: #333333; font-weight: normal;}



table.normaltxt {font-family: Cabin, Verdana;	font-size: 12pt;	color: #333333;	font-weight: normal;}

.MsgTxt {font-family: Cabin, Verdana;	font-size: 12pt;	color: #0000ff;	font-weight: bold}

.MsgTxtErr { font-family: Cabin, Verdana;	font-size: 12pt;	color:#ff0000;	font-weight: normal; /*background-image: url(../images/exclamation.png);*/	background-repeat: no-repeat;	/*background-color: #FFF200;*/}

.ErrorTxt {font-family: Cabin, Verdana; font-size: 12pt; color: #ff0000; font-weight: normal; height: 18px; 	/*background-image: url(../images/exclamation.png);background-repeat: no-repeat;*/ /*border:solid 1 red;*/	/*background-color: #FFF200;*/ }
.ErrorTxtSmall {font-family: Cabin, Verdana; font-size: 10pt; color: #ff0000; font-weight: normal; height: 18px; 	/*background-image: url(../images/exclamation.png);background-repeat: no-repeat;*/ /*border:solid 1 red;*/	/*background-color: #FFF200;*/ }

/*=====================Form=======================*/


/*=====================End Form=======================*/

/*=====================Search Form=======================*/

.PanelSearchExtra {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width:98%;
    border:0px solid blue;
}


/*=====================Calendar=======================*/
/*
Font colors cant assign for calendar control
*/

.CalendarButton  {
    color: #82d417;
    border: 0px solid #82d417;
}

.DayHeaderStyle {
    background-image: url(../images/template/header.png);
}

.Calendar  
    .ajax__calendar_container {position:relative; border:1px solid #000000; background-color:#efefef}
    .ajax__calendar_header    {color:#000000}
    .ajax__calendar_days      {font-weight:normal; color:#000000}   
    .ajax__calendar_dayname   {font-weight:bold; color: #000000;   }
    .ajax__calendar_today     {font-weight:normal; color: #000000}  
    .ajax__calendar_hover     {background-color:#82d417}		
    .ajax__calendar_active    {font-weight:bold; color: #000000; background-color:#12d2d2}	
    .ajax__calendar_other     {font-weight:normal; color: #777777 }  

/* Extra Classes not used....
.Calendar .ajax__calendar_prev   {}  
.Calendar .ajax__calendar_title   {} 
.Calendar .ajax__calendar_next    {} 
.Calendar .ajax__calendar_body  {}   
.Calendar .ajax__calendar_day  {}    
.Calendar .ajax__calendar_months {}  
.Calendar .ajax__calendar_month {}		
.Calendar .ajax__calendar_years {}		
.Calendar .ajax__calendar_year {}			
.Calendar .ajax__calendar_footer {}			
*/	

/*=====================Grid=======================*/

/*Grid*/
#dgResults {
    position: relative;
    width: 100%;
}


.datagrid {
    border: solid 0px #FFFFFF;
    font-weight: normal;
    font-size: 12pt;
    width: 100%;
    color: #333333;
    font-family: Cabin, Verdana;
}

.datagrid td
{
	border-width: 0;
	border-style: inset;
}

.datagridHoover td {
    background-color: #82d417;
}



.Resultsgrid {
    border: solid 0px #FFFFFF;
    font-weight: normal;
    font-size: 12pt;
    width: 100%;
    color: #333333;
    font-family: Cabin, Verdana;
}

 .Resultsgrid td {
        border-width: 0;
        border-style: inset;
    }

/*Grid Header */
.DataGridHeader {
    vertical-align: middle;
    height: 28px;
    text-align: center;
    font-weight: bold;
    font-family: Cabin, Verdana;
    font-size: 12pt;
    color: #333333;
    background-color: #12d2d2;
    margin-bottom:4px;
}

.DataGridHeader a{text-decoration: underline;color: #333333 ;}
.DataGridHeader a:hover {color: white; /*#006450;*/}


.DataGridItemStyle {background-color: #f3f3f3;margin-top: 6px;margin-bottom: 6px;border-bottom: 1px solid #FFFFFF;}
.DataGridItemStyle:hover {background-color: #a5f2b0;}

.DataGridAltItemStyle{background-color: #f9f9f9; margin-top:6px; margin-bottom: 6px; border-bottom:1px solid #FFFFFF;}
.DataGridAltItemStyle:hover{background-color: #a5f2b0;}

.DataGridSelItemStyle {color: #FFFFFF;background-color: #12d2d2;font-family: Cabin, Verdana;font-size: 12pt;border-bottom: 1px solid #FFFFFF;}
.DataGridSelItemStyle:hover {background-color: #12d2d2;}

.DataGridEditItemStyle {color: #FFFFFF;background-color: #f5d690;font-family: Cabin, Verdana;font-size: 12pt;border-bottom: 1px solid #FFFFFF;}
.DataGridEditItemStyle:hover {background-color: #f5d690;}


#GridRecordSpace { margin-left:3px; margin-top:4px; margin-bottom: 4px;}
.GridRecordSpace {margin-left:3px; margin-top:4px; margin-bottom: 4px;}
.GridLineSpace { margin-bottom: 4px;}

label.DetailGridLbl {font-weight:bold; font-size: 12pt; color: #333333;	font-family: Cabin, Verdana; padding-left:3px; padding-right:3px;}
.DetailGridLbl {font-weight:bold; font-size: 12pt; color: #333333;	font-family: Cabin, Verdana;}

label.DetailGridLblFixed {font-weight:bold; font-size: 12pt; color: #333333;	font-family: Cabin, Verdana;padding-left:3px; padding-right:3px; width:100px}
.DetailGridLblFixed {font-weight:bold; font-size: 12pt; color: #333333;	font-family: Cabin, Verdana; width:100px}

.DetailGridtxt {font-weight:normal; font-size: 12pt; color: #333333; font-family: Cabin, Verdana;}


.GridPagerStyle span {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    background-color: #12d2d2;
    color: #333333;
    border-radius: 5px;
    text-decoration: none;
}


.GridPagerStyle a {
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    background-color: #ffffff;
    color: #333333;
    border-radius: 5px;
    text-decoration: none;
}

    .GridPagerStyle a:hover {
        display: inline-block;
        padding: 5px 10px;
        margin: 2px;
        background-color: #99cc00;
        color: #333333;
        border-radius: 5px;
        text-decoration: none;
    }

.TblDetail {width:100%;}

#TblDetail {width:100%;}

.DataGridFooter { background-color: #FFFFFF	}

.Gridfooter {
    position:relative;
    border:  solid 0px red;
    width: 100%;
    height: 30px;
    /*text-align: left;*/
}

.GridfooterLeft {
    border:  solid 0px #777777;
    width: 33.33%;
    height: 100%;
    text-align: left;
    float:left;
}

.GridfooterCenter 
{
    border: 0px solid blue;
    color: #ffffff !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align:bottom;
    margin-left:auto;
    margin-right:auto;
}


.GridfooterRight {
    /*border:  solid 0px #777777;*/
    float: left;
    width: 33.33%;
    height: 100%;
    text-align: right;
}

.ActionIconsDisabled { color: lightgray !important}

.ActionIconsDelete {color:red}
.ActionIconsDelete:hover {color: darkred}

.ActionIconsAdd {  color: green}
.ActionIconsAdd:hover {color: #82d417}

.ActionIconsEdit {color: #82d417}
.ActionIconsEdit:hover {color: #82d417}


table.Gridfooter tr td {
    /*border: solid 0px #f8f8f8;*/ 
    border-radius: 0px;
    background-color: #ffffff;
}

.GridDetailfooter
{
	border:  solid 1px #777777; width:100%; height:21px; background-color:#ffffff; 
}



td.ImgBtnOn {
    border: solid 0px #000000;
    background-color: #ffffff;
}
td.ImgBtnOff {border: solid 0px #777777; background-color: #ffffff;}

.RecNavButtonGroup {overflow:hidden ;border: solid 1px red; padding:2px;margin:auto; width:100%; text-align:right; }

.NavButtonGroup {overflow:hidden ;border: solid 0px red; padding:2px;margin:auto; width:300px; text-align:center; vertical-align:bottom;}

.PageNav {
    float: left;
    font-size: 12pt;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background-color: #ffffff;
    color: #333333;
    text-decoration: none;
    margin: auto;
}

    .PageNav a {
        padding: 4px 5px;
        margin: auto;
        background-color: #ffffff;
        color: #333333;
        border-radius: 5px;
        text-decoration: none;
        cursor: hand;
    }


.PageNav a:hover {
            background-color: #99cc00;
        }


.GridfooterCenterlbl {
    /*border:  solid 0px #777777;*/
    width:40%;
    height: 100%;
    text-align: center;
    float: left;
}


.GridIndicents {
    position: relative;
    display: block;
    width: 98%;
    border: 0px solid #12d2d2;
    border-radius: 20px;
    margin: 8px;
    padding:4px;
    min-height: auto;
}

    .GridIndicents::after {
        content: "";
        display: block;
        clear: both;
    }


/*===============================Media TABLETS===================================================*/
/*@media screen and (max-width: 600px) 768  992 1024 */
@media screen and (min-width: 768px) and (max-width: 1200px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1200px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1200px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 768px) and (max-width: 1200px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 7468px) and (max-width: 1200px),
only screen and ( min-resolution: 192dpi) and (min-width: 768px) and (max-width: 1200px),
only screen and ( min-resolution: 2dppx) and (min-width: 768px) and (max-width: 1200px) {
    #ContentHeader { border:0px solid blue;}

    #ContentBody { min-height:500px;}
      
    /*============ cell menu =======================*/

    .StaticMenuStyle  {font-size: 10pt}
    .DynamicMenuStyle {font-size: 10pt}


    /*--------------------------------------*/
    #menubutton {
        display: none;
    }


    .sidenav {
        font-size: 10px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .sidenav a {
            font-size: 10px;
        }

  /* .sidenavheader {
        padding-left: 5px;
    }*/

  /*=====================Tabs===============================*/
    .statictab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .hovertab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .selectedTab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .disabledTab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    /*==================Tree Menu =====================*/
    .nodeLevel1 {
        font-family: Cabin, Verdana;
        font-size: 12pt;
        font-style: normal;
        color: #132244;
        margin-left: 5px;
        padding-left: 0px;
    }

        .nodeLevel1 a:hover {
            color: #82d417;
        }


    .nodeLevel2 {
        font-family: Cabin, Verdana;
        font-size: 12pt;
        font-style: normal;
        color: #132244;
        margin-left: 0px;
    }

        .nodeLevel2 a:hover {
            color: #82d417;
        }

    .nodeLevel3 {
        font-family: Cabin, Verdana;
        font-size: 12pt;
        font-style: normal;
        color: #132244;
        padding-left: 2px;
    }

        .nodeLevel3 a:hover {
            color: #82d417;
        }

    /*-------------------------------------*/
       
    #loginwin {width: 80%}
        .imglogin { right:10px; width: 100%}

    #FrmBody { width: 100%;   padding: 5px 2px 2px 2px;  }

    .FrmFieldSectionCols { width: 100%; }

    .FrmButtonCols { width: 100%; }

    #FrmTxtTitle {
        font-size: 12pt;
    }

    #FrmSearch {
        width: 20%;
        min-width: 300px;        
        min-height: 200px;     
    }

    #FrmSearchResults 
    {       
        width: 65%;
        min-width: 300px;        
        min-height: 200px;      
    }

/*======================  Dashboard Tablet ==================================================*/
    #FrmDashboardSection {
        width: 65%;
        min-width: 300px;
        min-height: 100px;
    }

    .BoxDashboardResults {
        position: relative;
        display: inline-block;
        overflow: auto;
        padding: 5px 5px 5px 5px;
        width: 23.5%;
        float: left;
        min-height: 150px;
        vertical-align: top;
        background-color: #ffffff;
        border: 2px solid #12d2d2;
        border-radius: 10px;
        margin: 4px;
    }

    .BoxDashboardTotal{
        position: relative;
        display: inline-block;
        overflow: auto;
        padding: 5px 5px 5px 5px;
        width: 23.5%;
        float: left;
        min-height: 150px;
        vertical-align: top;
        background-color: #ffffff;
        border: 2px solid #12d2d2;
        border-radius: 10px;
        margin: 4px;
    }

.DashboardTypeLbl {font-size: 12pt;}
.DashboardTotalLbl {font-size: 25pt;}
.DashboardNumberLbl {font-size: 20pt;}
.DashboardPrcntLbl { font-size: 12pt;}

/*======================================================*/

        /*#FrmFooter   {height: 40px;}*/
        #hdrtitle {
        position: relative;
        display: block;
        float: none;
        height: 25px;
        width: 100%;
        /*border: 1px solid orange;*/
    }

    .hdrtitle {
        position: relative;
        line-height: 25px;
        width: 100%;
        text-align: center;
        margin-left: 6px;
        /*border: 1px solid red;*/
        font-family: Cabin, Verdana;
        font-size: 14pt;
        font-weight: bold;
        font-style: normal;
        color: #ffffff !important;
        text-shadow: 2px 2px #9aa14d;
    }


    #hdrtittlesub {
        position: relative;
        float: none;
        /*font-size: 10pt;*/
        width: 100%;
        margin-right: 10px;
        /*margin-left: auto;
        margin-right: auto;*/
    }

    #hdrtittlesubA {
        position: relative;
        float: none;
        font-size: 11pt;
        display: block;
        width: 100%;
        height: 20px;
        text-align: center;
        /*display: block;*/
        margin-right: 4px;
        /*margin-right: auto;*/
        /*border: 1px solid red;*/
    }



    input { font-size: 10pt;}

    .CommandBtnSmall {
        font-size: 8pt;
        width: 20px;
    }

    .ModuleDesc {
        color:#ffffff;
        font-size: 10pt;
        width: 100%;
        text-align: left;
        /*border: 1px solid red;*/
    }

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


    .normalftrtxt {
        font-size: 8pt;
    }

    #hdrlogo {
        width: 15%;
    }

   #hdrleft {
            width: 100%;
        }

    
  
    .floating-2box {
        width: 250px;
    }

    .floating-3Frmbox {
        width: 250px;
    }
        
    /*.input.ComandBtn {
        width: 75px
    }*/

   .floating-Modulebox {
            width: 100%;
        }

    .WelcomeMainSection {
        width: 100%;
    }

    .MainSection {
        width: 100%
    }

    #ModuleSection {
        width: 100%
    }

    #ProfileSection {
        width: 100%
    }

    body {
        font-size: 10pt;
    }

    .lbltxt {
        font-size: 10pt;
    }

    .linktxt {
        font-size: 10pt;
    }

    .ActionMenulinktxt {
        font-size: 10pt;
    }

    .normaltxt {
        font-size: 10pt;
    }

    .lblAnejoTitle { font-size: 10pt; }

    .MsgTxt {
        font-size: 10pt;
    }

    .MsgTxtErr {
        font-size: 10pt;
    }

    .MsgTxtErr {
        font-size: 10pt;
    }

    .ErrorTxt {
        font-size: 10pt;
    }

    .lov {
        font-size: 10pt;
        /*min-width: 130px;*/
        max-width: 90%;
    }

    .lovPagina {
        font-size: 10pt;
        text-overflow: ellipsis;
        min-width: 50px;
    }

    /*==================== data grid =========================*/

    #dgResults {
        width: 100%;
    }

    .datagrid {
        font-size: 10pt;
    }

    .Resultsgrid {
        font-size: 10pt;
    }

    .DataGridHeader {
        font-size: 8pt;
    }

    td.DataGridSelItemStyle {
        font-size: 10pt;
    }

    .DataGridItemStyle {
        font-size: 10pt;
    }

    .DataGridSelItemStyle {
        font-size: 10pt;
    }

    .DataGridEditItemStyle {
        font-size: 10pt;
    }



    label.DetailGridLbl {
        font-size: 10pt;
    }

    .DetailGridLbl {
        font-size: 10pt;
    }

    .DetailGridtxt {
        font-size: 10pt;
    }

     label.DetailFormLblFixed {
        font-size: 10pt;
    }

    .DetailFormLblFixed {
        font-size: 10pt;
    }

    label.DetailFormLbl {
        font-size: 10pt;
    }

    .DetailFormLbl {
        font-size: 10pt;
    }

    .DetailFormData {
        font-size: 10pt;
    }

    .DetailPrintLbl {
        font-size: 10pt;
    }

    .SectionLbl {
        font-size: 10pt;
    }

    .DetailFormData {
        max-width: 90%;
        font-size: 10pt;
    }

    input.DetailFormTxtbox {
        max-width: 90%;
        font-size: 10pt;
    }

    .DetailFormTxtbox {
        max-width: 90%;
        font-size: 10pt;
    }

    input.DetailFormTxtboxRight {
        max-width: 90%;
        font-size: 10pt;
    }

    DetailFormTxtboxRight {
        max-width: 90%;
        font-size: 10pt;
    }

    .DetailFormTxtboxDisable {
        max-width: 90%;
        font-size: 10pt;
    }

    .DetailFormTxtboxDisableRight {

        max-width: 90%;
        font-size: 10pt;
    }


    .DetailFormTxtboxAlert {
        max-width: 90%;
        font-size: 10pt;
    }

    DetailFormTxtboxDisableRightRed {
        max-width: 90%;
        font-size: 10pt;
    }

    .DetailFormValuelbl {
        font-size: 10pt;
    }

    textarea.DetailFormTxtbox {
        max-width: 90%;
        font-size: 10pt;
    }

    select.DetailFormTxtbox {
        max-width: 90%;
        font-size: 10pt;
    }

    input.GridTxtbox {
        width: 100%;
        font-size: 10pt;
    }

    .GridTxtbox {
        font-size: 10pt;
    }

    input.GridTxtboxRight {
        font-size: 10pt;
    }

    .GridTxtboxRight {
        font-size: 10pt;
    }

    .GridTxtboxDisable {
        font-size: 10pt;
    }

    .GridTxtboxDisableRight {
        font-size: 10pt;
    }

    .GridTxtbox {
        font-size: 10pt;
    }

    .GridTxtboxAlert {
        font-size: 10pt;
    }

    GridTxtboxDisableRightRed {
        font-size: 10pt;
    }

    textarea.GridTxtbox {
        font-size: 10pt;
    }

    select.GridTxtbox {
        font-size: 10pt;
    }

    .gridlinktxt {
        font-size: 10pt;
    }


    input {
        font-size: 10pt;
    }


    .floating-3box {
        width: 275px
    }

    .floating-4box {
        width: 275px
    }

    .footerb {
        display: none;
    }

    .LegisladorFoto {
        max-width: 25%; /*325px;*/
        float: left;
        text-align: center;
        padding: 0px;
        margin: 3px 3px 3px 3px;
    }

    .Legislador{max-width:70%}

    .FooterMenuStatic {
        font-size: 10pt;
    }

    .lblStatusBar {
        font-size: 8px;
    }

    .Commandpanel {
        display: inline-block;
        text-align: right;
        width: 150px;
    }


}



/*======================Media Cell Phones=================================*/
/*640  768 812*/
@media screen and (max-width: 768px) ,
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), 
    only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 768px), 
    only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 768px), 
    only screen and ( min-device-pixel-ratio: 2) and (max-width: 768px), 
    only screen and ( min-resolution: 192dpi) and (max-width: 768px), 
    only screen and ( min-resolution: 2dppx) and (max-width: 768px) 
{
    #ContentHeader {
        /*height: 150px;*/
       
        border: 0px solid red;

    }

    #ContentBody {
        min-height: 340px;
    }

    #ContentMenu {height:100%; }


         /*--------------------------------------*/
        #menubutton {
        display: block;
        /*border: 1px solid blue;*/
    }

    .sidenav {
        font-size: 10px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .sidenav a {
            font-size: 10px;
        }

    /*.sidenavheader {
        height: 150px;
    }*/

    .MenuStaticSection {
        display: none
    }

    .MenuStaticSectionResp {
        position: absolute;
        font-family: Cabin, Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #333333 !important;
        width: 200px;
        display: block;
        /*margin: 0px 0px 0px auto;*/
        text-align: right;
        vertical-align: middle;
        right: 10px;
        top: 4px;
        text-transform: uppercase;
        /*Padding: 0px 8px 0px 8px;*/
        /*border: 1px solid red;*/
    }

        .MenuStaticSectionResp a {
            color: #333333 !important;
            text-decoration: none;
        }

            .MenuStaticSectionResp a:hover {
                color: #82d417 !important;
            }


/* Header*/

.hdrleft   { width:100%; }
.hdrright { width: 100%; text-align: left; left: 3px;
}






/*===================== Tabs  ====================================================================*/


    .tabtrunc {
        display: none;
    }

 .statictab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .hovertab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .selectedTab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

    .disabledTab {
        text-overflow: ellipsis;
        font-size: 10pt !important;
    }

/*==================Tree Menu =====================*/
    .nodeLevel1 {
        font-family: Cabin, Verdana;
        font-size: 12pt ;
        font-style:normal;
        color: #132244;
        margin-left: 5px;
        padding-left: 0px;
    }

        .nodeLevel1 a:hover {
            color: #82d417;
        }


    .nodeLevel2 {
        font-family: Cabin, Verdana;
        font-size: 12pt;
        font-style: normal;
        color: #132244;
        margin-left: 0px;
    }

        .nodeLevel2 a:hover {
            color: #82d417;
        }

    .nodeLevel3 {
        font-family: Cabin, Verdana;
        font-size: 12pt;
        font-style: normal;
        color: #132244;
        padding-left: 2px;
    }

        .nodeLevel3 a:hover {
            color: #82d417;
        }


   #loginwin{width:80%}
   .imglogin{width:75%}
  
  #FrmBody     {width:100%}

    .FrmFieldSectionCols {
        width: 100%;
        float: none;
    }

    .FrmButtonCols {
        width: 100%;
        float: none;
        text-align:right;
    }


  /* #FrmFooter   {height: 40px;} */

     #HAIBlogo {
        text-align: center;
        border: 0px solid blue;
        max-width: 100%;
        height: 70px;
        float: left;
        display: block;
    }


    #FrmSearch {
        width: 100%;
    }



    #FrmSearchResults {
        width: 100%;
    }

/*=======Dasboard Mobile ===============================*/

    #FrmDashboardSection {
        width: 100%;
        min-height: 100px;
    }

    .BoxDashboardResults {
        width: 22.8%;
        min-height: 100px;
    }

    .BoxDashboardTotal {
        width: 22.8%;
        min-height: 100px;
    }

.DashboardTypeLbl {font-size: 6pt;}
.DashboardTotalLbl {font-size: 12pt;}
.DashboardNumberLbl {font-size: 12pt;}
.DashboardPrcntLbl { font-size: 8pt;}

/*======================================================*/



    #hdrtitle {
        position: relative;
        display: block;
        float: none;
        height: 25px;
        vertical-align: middle;
        width: 100%;
        /*border: 1px solid red;*/
    }

    .hdrtitle {
        position: relative;
        line-height: 25px;
        width: 100%;
        text-align:center;
        margin-left: 6px;
        /*border: 1px solid red;*/
        font-family: Cabin, Verdana;
        font-size: 14pt;
        font-weight: bold;
        font-style: normal;
        color: #ffffff !important;
        text-shadow: 2px 2px #9aa14d;
    }

    .DetailFormLbl {  font-size: 10pt;    }

    label.DetailFormLbl { font-size: 10pt;    }

    .DetailFormData {
        font-size: 10pt;
    }

    input { font-size: 10pt;}

    .CommandBtnSmall {font-size: 10pt; width:20px;}

    #PageFooter {
        position: relative;
        display: inline-block;
        /*bottom:6px;*/
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        /*border-top: 1px solid red;*/
        text-align: left;
        padding: 4px 0 2px 4px;
        vertical-align: middle;
    }

    .PageFooterA {
        position: relative;
        vertical-align: middle;
        font-weight: bold;
        font-family: Cabin, Verdana;
        color: #8c96ac;
        text-transform: capitalize;
        font-size: 8pt;
        /* margin-top: 2px;
    margin-bottom: 2px;*/
    }

    .PageFooterB {
        position: relative;
        vertical-align: middle;
        font-weight: bold;
        font-family: Cabin, Verdana;
        color: #ffffff;
        font-size: 10px;
        /*margin-top: 2px;*/
    }

    .PageFooterC {
        position: relative;
        vertical-align: middle;
        font-weight: normal;
        font-family: Cabin, Verdana;
        color: #777777;
        font-size: 10pt;
    }

    .PageFooterC {
        position: relative;
        vertical-align: middle;
        font-weight: normal;
        font-family: Cabin, Verdana;
        color: #777777;
        font-size: 10pt;
    }

    .FooterSectionA {
        width: 100%;
        float:none;
        text-align: left;
        padding: 4px 4px 4px 4px;
        /*border: Solid 1px red;*/
    }

    .FooterSectionB {
        width: 100%;
        text-align: center;
        /*padding: 4px 4px 4px 4px;*/
        /*border: Solid 1px red;*/
    }

    .footerIcons {font-size:10pt;}

    .lovModulo {
        width: 50px;
    }

    /*fonts*/
    body {
        font-size: 8pt;
    }

    .lbltxt {
        font-size: 8pt;
    }

    .linktxt {
        font-size: 8pt;
    }

    .normaltxt {
        font-size: 8pt;
    }

    .lblAnejoTitle {font-size: 8pt;}

    .MsgTxt {
        font-size: 8pt;
    }

    .MsgTxtErr {
        font-size: 8pt;
    }

    .MsgTxtErr {
        font-size: 8pt;
    }

    .ErrorTxt {
        font-size: 8pt;
    }

    .lov {
        font-size: 10pt;
        /*min-width: 130px;*/
        max-width: 90%;      
    }

    .lovPagina { 
        font-size: 10pt;
        text-overflow: ellipsis;
        min-width: 50px;
    }

    .ActionMenulinktxt {
        font-size: 8pt;
    }



    /*data grid */
    input.GridTxtbox {
        width: 100%;
        font-size: 10pt;
    }

    c { font-size: 10pt; }
    input.GridTxtboxRight { font-size: 10pt; }

    .GridTxtboxRight { font-size: 10pt; }

    .GridTxtboxDisable { font-size: 10pt; }

    .GridTxtboxDisableRight { font-size: 10pt; }

    .GridTxtboxAlert { font-size: 10pt; }

    GridTxtboxDisableRightRed { font-size: 10pt; }

    textarea.GridTxtbox { font-size: 10pt; }

    select.GridTxtbox { font-size: 10pt; }

    .DetailGridtxt { font-size: 10pt;}
    .DetailGridLbl {font-size: 10pt;}



    .DetailFormTxtbox {width:90%;font-size: 10pt;}
    input.DetailFormTxtbox {width:90%}
    input.DetailFormTxtboxRight{width:90%}
    .DetailFormTxtboxDisable{width:90%}
    .DetailFormTxtboxDisableRight{width:90%}
    .DetailFormTxtbox{width:90%}
    .DetailFormTxtboxAlert{width:90%}
    .DetailFormTxtboxDisableRightRed{width:90%}
    textarea.DetailFormTxtbox{width:90%}
    select.DetailFormTxtbox{width:90%}

    .normalftrtxt {
        font-size: 8pt;
    }

    .smalltxt {
        font-size: 8pt;
    }

    .ModuleDesc {
        font-size: 8pt;
        width: 100%;
        text-align: left;
        /*border: 1px solid red;*/
    }

    .HeaderUsrIcons {
        font-size: 10pt;
    }


    #FrmTitle {
        /*position:absolute;*/
        line-height: 20px;
        /*top: 10px;*/
        /*font-size: 12pt;*/
        height: 100%;
        width: 100%;
        /*border: 0px solid blue;*/
        /*background-color: #ffffff;*/
    }
      

    #hdrlogo {
        display: none
    }

    .floating-Modulebox {
        width: 100%;
    }

    .WelcomeMainSection {width: 100%;}

    .MainSection {width:100% }

    #ModuleSection {
        width: 100%
    }

    #ProfileSection {
        width: 100%
    }

    .input.ComandBtn {
        width: 75px
    }

    .DetailFormValuelbl {
        font-size: 10pt;
    }


   
    .floating-3Frmbox {
        width: 100%;
    }

    .floating-2Frmbox {
        width: 100%;
    }
    .floating-3box { width:275px}


    #dgResults {
        width: 100%;
    }

    .datagrid {
        font-size: 8pt;
    }

    .Resultsgrid {
        font-size: 8pt;
    }

    .gridlinktxt {
        font-size: 8pt;
    }

    .DataGridHeader {
        font-size: 8pt;
    }

    td.DataGridSelItemStyle {
        font-size: 8pt;
    }

 

    .DataGridItemStyle {
        font-size: 8pt;
    }

    .DataGridSelItemStyle {
        font-size: 8pt;
    }

    .DataGridEditItemStyle {
        font-size: 8pt;
    }

    label.DetailGridLbl {
        font-size: 8pt;
    }

    .DetailGridLbl {
        font-size: 8pt;
    }

    /**/
 glyphicon glyphicon-home {font-size: 8pt;}

    .LegisladorFoto {
        max-width: 95%; /*325px;*/
        float: left;
        text-align: center;
        padding: 0px;
        margin: 3px 3px 3px 3px;
    }

 
    .FooterMenuStatic {
        font-size: 6pt;
    }

    .bodylinktxt {
        font-size: 10pt;
    }

        .bodylinktxt:visited {
            font-size: 10pt;
        }

        .bodylinktxt:active {
            font-size: 10pt;
        }

    .lblStatusBar {font-size:8px;}

    .StatusBarLeft { width: 100%;float:none;text-align:center}
    .StatusBarRight { width: 100%;  float: none; text-align:center}

    .Commandpanel {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .PageNav {
        font-size: 10pt;
    }
}

/*=================================   print   ============================================================*/
@media print {
/*
    @page {
         @bottom-right {
            content: "Pagina " counter(pageNumber);
            font:normal 8px Cabin,Verdana;
        }
    }*/


    a[href]:after {content: none !important; /* Prevents URLs from appearing in print view */    }


    #ContentMenu, #PageFooter, #Gridfooter, #FrmFooterContent, #FrmOptions, .FrmButtonCols, .GridPagerStyle, .lovModulo, .CommandBtn, .CommandBtnSmall, .reqindicator, .CalendarButton, #GridNewRecord, .NavButtonGroup, .FooterMenuStatic, .non-printable-part {
        display: none;
    }

   

    .FrmTitleIcon {
        color: #99cc00 !important;
    }

    #FrmSearch {
        width: 100%;
    }

    #FrmSearchResults {width:100%;}

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

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

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

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

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

    a { text-decoration: none;}

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

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

    .FrmTitleIcon {
        font-size: 12pt;
    }

    /*Icons to not show when inactive */
    .usrinactive{ display: none;  }
    .Suscriptorinactive { display: none;}
    .vipinactive  { display: none; }


    .DataGridHeader {
        font-size: 10pt;
        color: #000000;
        font-style: italic;
        font-weight: bold;
        background-color: #cccccc;
    }

    .datagrid   {color: #000000; }
    .datagrid a {color: #000000; text-decoration:none;}
    .datagrid td {color:#000000; border-bottom:1px solid #cccccc}

    .Resultsgrid   {color: #000000; }
    .Resultsgrid a {color: #000000; text-decoration:none;}
    .Resultsgrid td {color:#000000; border-bottom:1px solid #cccccc}


   .datagrid td:nth-last-child(-n+2) {display: none;}

    /*.datagrid td:last-child {display: none;}*/

    .datagrid tr:last-child {display: none;}


    .DataGridItemStyle {font-size: 10pt;}
    .DataGridAltItemStyle {font-size: 10pt;}
    .DataGridSelItemStyle {font-size: 10pt;}
    .DataGridEditItemStyle {font-size: 10pt;}

    .GridRecordSpace {
        page-break-inside: avoid;
    }

    .lov {
        font-size: 12pt;
         border: 0px solid white;
    }


    .DetailFormTxtbox {
        border: 0px solid white;
    }
    input.DetailFormTxtbox {color: #000000; border: 0px solid white;}
    input.DetailFormTxtboxRight{color: #000000; border: 0px solid white;}
    .DetailFormTxtboxDisable{color: #000000; border: 0px solid white;}
    .DetailFormTxtboxDisableRight{color: #000000; border: 0px solid white;}
    .DetailFormTxtbox{color: #000000; border: 0px solid white;}
    .DetailFormTxtboxAlert{color: #000000; border: 0px solid white;}
    .DetailFormTxtboxDisableRightRed{color: #000000; border: 0px solid white;}
    textarea.DetailFormTxtbox{color: #000000; border: 0px solid white;}
    select.DetailFormTxtbox{color: #000000; border: 0px solid white;}

    input.GridTxtbox {
        color: #000000;
        border: 0px solid white;
    }

    input.GridTxtbox {color: #000000; border: 0px solid white;}
    .GridTxtbox {color: #000000; border: 0px solid white;}
    input.GridTxtboxRight {color: #000000; border: 0px solid white;}
    GridTxtboxRight {color: #000000; border: 0px solid white;}
    .GridTxtboxDisable {color: #000000; border: 0px solid white;}
    .GridTxtboxDisableRight {color: #000000; border: 0px solid white;}
    .GridTxtbox {color: #000000; border: 0px solid white;}
    .GridTxtboxAlert {color: #000000; border: 0px solid white;}
     GridTxtboxDisableRightRed {color: #000000; border: 0px solid white;}
    textarea.GridTxtbox {color: #000000; border: 0px solid white;}
    select.GridTxtbox {color: #000000; border: 0px solid white;}

}