/* ------------------------------------------------------------
** ESTILOS PARA LA VENTANA MODAL
** ------------------------------------------------------------ */

.domodal
{
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    position  : fixed;
    margin    : auto;
    background: rgba(99,99,99,.8);
    visibility: hidden;
    opacity   : 0;
    box-sizing: content-box;
    transition: all .2s;
    z-index   : 99;
}

.domodal.visible
{
    visibility: visible;
    opacity: 1;
}

.domodal *
{
    box-sizing: inherit
}

.domodal .panel
{
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    position  : absolute;
    margin    : auto;
    padding   : 50px 0;
    color     : #000000;
    background: #ffffff;
    border-radius: 5px;
}

.domodal .title
{
    top        : 0;
    position   : absolute;
    width      : 100%;
    height     : 50px;
    line-height: 50px;
    text-align : center;
    color      : #333333;
    background : #eeeeee;
    font-family: Ranchers, Roboto, Arial;
    font-size  : x-large;
    font-weight: normal;
    white-space: nowrap;
    overflow   : hidden;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    box-sizing   : border-box;
    text-overflow: ellipsis;
}

.domodal .panel .content
{
    overflow   : auto;
    margin     : 0px;
    padding    : 1em;
    font-family: Roboto, Arial;
    font-size  : medium;
    text-align : center;
    box-sizing : border-box;
}

.domodal .panel .content input
{
    font-family   : Roboto, Arial;
    font-size     : medium;
    font-weight   : normal;
    outline       : 0px;
    padding       : 5px;
    border        : 0px solid #666666;
    border-bottom : 1px solid #666666;
    background    : #ffffff;
    text-align    : center;
    text-transform: uppercase;
}

.domodal .panel .content select
{
    font-family   : Roboto, Arial;
    font-size     : medium;
    font-weight   : normal;
    outline       : 0px;
    padding       : 5px;
    border        : 0px solid #666666;
    border-bottom : 1px solid #666666;
    background    : #ffffff;
    text-align    : left;
}

.domodal .panel .footer
{
    position  : absolute;
    bottom    : 0;
    width     : 100%;
    overflow  : auto;
    padding   : 20px;
    text-align: center;
    box-sizing: border-box;
    background: #ffffff;
    border    : 0px solid transparent;
    border-radius: 0 0 5px 5px;
}

.domodal .panel .footer .action
{
    margin     : 0px 10px 0px 10px;
    padding    : 5px 20px 5px 20px;
    line-height: 1.42857143;
    font-family: Roboto, Arial;
    font-size  : medium;
    font-weight: normal;
    text-align : center;
    white-space: nowrap;
    cursor     : pointer;
    border     : 1px solid transparent;
    min-width  : 110px;
    color      : #ffffff;
    vertical-align  : middle;
    background-color: #888888;
    border-color    : #888888;
    border-radius   : 4px;
}

.domodal .panel .footer .action:hover
{
    color           : #ffffff;
    background-color: #666666;
    border-color    : #666666;
}