.sgSPHeader
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold;
}
.sgSPItalic
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: Blue; 
    font-style: italic;
    font-weight: normal;
}
.sgSPNormal
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal;
}

.sgSPcmd
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    background-color: #001C79; 
    color: white; 
    font-weight: bold;
}
body {
	background-color: #eeeeee;
}

.OtherTabs
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #04388E;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    underline;
    color:#04388E;
}

A.OtherTabs:visited  {
    text-decoration:    underline;
    color:#04388E;
}

A.OtherTabs:hover    {
    text-decoration:    underline;
    color:#ff0000;
}

A.OtherTabs:active   {
    text-decoration:    underline;
    color:#04388E;
}


.TopMenuGroup2
{
    background-image: url(/Portals/7/Skins/segurogringo4/sgTopBack.gif);
    background-color: #DBD7D0;
    cursor: pointer;
}

.MenuGroup2
{
    background-color: #DBD7D0;
}

.TopMenuItem2
{
    color: #47484A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #E4E4E4 #999999 #999999 #808080;
    cursor: pointer;
}

.TopMenuItemHover2
{
    color: white;
    background-image: url(/Portals/7/Skins/segurogringo4/sgTopBackHover.gif);
    background-color: #385E9C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #E4E4E4 #999999 #999999 #808080;
    cursor: pointer;
}

.sgHeader1
{
    background-color: #01398C; 
    color: white; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;text-align:center;
}

.sgDetail1   {
    background-color: #01398C; 
    color: white; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;text-align:left;
}

td.sgHeader1, td.sgDetail1
{
    padding:5px;
}

A.sgDetail1:link   
{
    text-decoration:    underline;
    color:white;
}
A.sgDetail1:visited  {
    text-decoration:    underline;
    color:white;
}
A.sgDetail1:hover
{
    text-decoration:    underline;
    color:#ff0000;
}

A.sgDetail1:active   {
    text-decoration:    underline;
    color:white;
}

div.RadMenu {
    float: right;
}


/* 
    FOR THE NEW ODA 2018
*/

.ContentBg {
    background: url(WaterMak.jpg) repeat;
}

/* Hay una diferencia en el tamaņo del font (es menor) cuando se coloca esta clase junto con las nuevas classes */
input.CommandButton {
    font-size: 14px;
}

/* text Colors */
.txtInfo, .txtInfoBold,
.txtInfo a, .txtInfo a:link, .txtInfo a:visited, .txtInfo a:active
.txtInfoBold a, .txtInfoBold a:link, .txtInfoBold a:visited, .txtInfoBold a:active {
    color: #003366;
}

.txtWarning, txtWarningBold {
    color: orangered;
}

.txtDanger, .txtDangerBold {
    color: red;
}

.txtSuccess, .txtSuccessBold {
    color: green;
}

.txtInfoBold, .txtWarningBold, .txtDangerBold, .txtSuccessBold {
    font-weight: bold;
}


    /*
Command as link like a button. CommandButton -> cmdLink or .cmdPrimary, .cmdSecondary, .cmdDanger
    cmdLinkNP = No padding, used in tables
*/

    .cmdLink, .cmdLink:active, .cmdLink:focus, .cmdLink:hover,
    .cmdLinkNP, .cmdLinkNP:active, .cmdLinkNP:focus, .cmdLinkNP:hover,
    .txtInfoBold a, .txtInfoBold a:active, .txtInfoBold a:focus, .txtInfoBold a:hover,
    .txtInfo a, .txtInfo a:active, .txtInfo a:focus, .txtInfo a:hover {
        border-color: transparent;
    }

        .cmdLink, .cmdLink.active, .cmdLink:active, [disabled].cmdLink, fieldset[disabled] .cmdLink,
        .cmdLinkNP, .cmdLinkNP.active, .cmdLinkNP:active, [disabled].cmdLinkNP, fieldset[disabled] .cmdLinkNP,
        a.cmdLink:link, a.cmdLink:visited, a.cmdLink:active, a.cmdLink:link,
        a.cmdLinkNP:link, a.cmdLinkNP:visited, a.cmdLinkNP:active, a.cmdLinkNP:link {
            text-decoration: underline;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: rgba(0, 88, 160, 1);
        }

        a.cmdLink:hover, a.cmdLinkNP:hover,
        .txtInfo a:hover, .txtInfoBold a:hover {
            text-decoration: underline;
            color: rgba(2, 143, 116, 1);
        }

    .cmdLink, .cmdLinkNP,
    .txtInfoBold a, .txtInfo a,
    .txtInfoBold a, .txtInfo a {
        display: inline-block;
        margin-bottom: 0px;
        line-height: 1.4285;
        text-align: center;
        white-space: nowrap;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
    }

.cmdLink {
    border-radius: 0;
    padding: 4px 8px;
    vertical-align: middle;
}

.cmdPrimary, .cmdSecondary, .cmdDanger,
a.cmdPrimary, a.cmdSecondary, a.cmdDanger {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0px;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


    a.cmdPrimary:link, a.cmdSecondary:link, a.cmdDanger:link {
        text-decoration: none;
    }

    .cmdPrimary, a.cmdPrimary:link {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

        .cmdPrimary:hover, a.cmdPrimary:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }

        .cmdPrimary:disabled, .cmdPrimary[disabled], .cmdLink:disabled, .cmdLink[disabled],
        .cmdSecondary:disabled, .cmdSecondary[disabled], .cmdSecondary:disabled, .cmdSecondary[disabled],
        .cmdDanger:disabled, .cmdDanger[disabled], .cmdDanger:disabled, .cmdDanger[disabled],
        a.cmdPrimary:disabled, a.cmdPrimary[disabled], a.cmdLink:disabled, a.cmdLink[disabled],
        a.cmdSecondary:disabled, a.cmdSecondary[disabled], a.cmdSecondary:disabled, a.cmdSecondary[disabled],
        a.cmdDanger:disabled, a.cmdDanger[disabled], a.cmdDanger:disabled, a.cmdDanger[disabled] {
            cursor: not-allowed;
            filter: alpha(opacity=65);
            box-shadow: none;
            opacity: 0.65;
        }

    .cmdSecondary, a.cmdSecondary:link {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

        .cmdSecondary:hover, a.cmdSecondary:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

    .cmdDanger, a.cmdDanger:link {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a;
    }

        .cmdDanger:hover, a.cmdDanger:hover {
            color: #fff;
            background-color: #c9302c;
            border-color: #ac2925;
        }


/*Form Control textbox NormalTextBox->frmCtrl in textbox, area, dropdown
    type="file" = frmCtrlFile - frmFile
    label = frmCtrlLabel

*/
.frmCtrl {
    display: inline-block;
    width: 100%;
    padding: 3px 6px;
    line-height: 1.4285;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .frmCtrl:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
    }

.frmCtrlCheck label, .frmCtrlRadio label,
.frmCtrlCheck input[type=checkbox], .frmCtrlRadio input[type=checkbox] {
    min-height: 15px;
    padding-right: 20px;
    cursor: pointer;
}

    .frmCtrlCheck input[type=checkbox]:disabled + label, .frmCtrlRadio input[type=radio]:disabled + label {
        cursor: not-allowed;
    }

    .frmCtrl:disabled, .frmCtrl[disabled],
    fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio],
    input[type=checkbox].disabled, input[type=checkbox][disabled],
    input[type=radio].disabled, input[type=radio][disabled],
    .frmCtrlCheck input[type=checkbox]:disabled, .frmCtrlRadio input[type=radio]:disabled {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

.boxInfo, .boxSuccess, .boxWarning, .boxDanger {
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.boxInfo {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.boxSuccess {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.boxWarning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.boxDanger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}






