/* 
    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;
}