.tit_form{
    color:#333;
    font-family:Arial;
    font-size:16px;
    padding-bottom:4px;
    padding-top: 10px;
    padding-right: 10px;
    /*margin:10px 0px 10px 0px;    */
    display:block;
    font-weight: normal;
    margin:10px;
    background:url(../img/layout/heading_bgr.png) left top repeat-x;
}
.page_heading {
    background:url(../img/layout/heading_bgr.png) left top repeat-x;
}
.page_heading h4 {
    display: inline;
    font-weight: normal;
    font-size: 15px;
    line-height: 40px;
    background: #fff;
    margin: 0;
    padding:5px;
    font-family:"proxima_novasemibold", sans-serif;
    color:#327886;
}
.form_content {
    width:100%;
    display:block;
    clear:both;
    margin:10px 0px;
}
.form_col{
    width:470px;
    display:inline-block;
    vertical-align:top;
}
.form_row{
    min-height:38px;    
    vertical-align:top;
    margin:6px 0px;
    width:470px;
}
.form_row input[type=text]{
    width:260px;
    background:#fbfafa;
    border:1px solid #c9d2d8;
    height:20px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    padding-top:4px;  
    vertical-align:top;
}
.form_row input[type=password]{
    width:260px;
    background:#fbfafa;
    border:1px solid #c9d2d8;
    height:20px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    padding-top:4px;  
    vertical-align:top;
}
.form_row select{
    width:264px;
    background:#fbfafa;
    border:1px solid #c9d2d8;
    height:27px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    vertical-align:top;
}
.form_row span{
    font-family:Arial;
    font-size:13px;
    color:#666666;
    width:168px;
    display:inline-block;
    padding-right:10px;
}
.char_required{
    width:2px; 
    color:#003b77; 
    display:inline-block;
    vertical-align:top;
    margin-bottom:0px;
    margin-left:4px;
    font-family:Arial;
    font-size:11px;
}
.info_required{
    display:inline;
    text-align:left;
    width:460px;
    vertical-align:top;
    margin-top:2px;
}
.info_required span{
    font-family:Arial;
    font-size:11px;
    color:red;
}
.form_wide {
    width:944px;
    display:inline-block;
    vertical-align:top;
    min-height:38px;
    margin:0px 0px 5px 0px;
}
.form_wide span{
    font-family:Arial;
    font-size:13px;
    color:#666666;
    width:168px;
    display:inline-block;
    padding-right:10px;
    vertical-align: top;
}
.form_wide select{
    width:264px;
    background:#fbfafa;
    border:1px solid #c9d2d8;
    height:24px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    vertical-align:middle;
}
.form_wide .box_multiline{
    background:#fbfafa;
    border:1px solid #c9d2d8;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    width:734px;
}
.form_wide .char_required{
    width:4px; 
    color:#003b77; 
    display:inline-block;
    vertical-align:top;
    margin-bottom:10px;
    margin-left:4px;
    font-family:Arial;
    font-size:11px;
}
.aviso_required{
    font-family:Arial;
    font-size:12px;
    color:#01528f;
    padding:4px;
    margin:4px;
}
.container_buttons{
    display:block;
    min-height:50px;
    text-align:right;
    width:100%;
    margin-top:20px;
}
.bar_buttons {
    background: #f1f3f9;
    height: 4px;
    border-bottom: 1px solid #dfe5f1;
    display: block;
    clear:both;
}
.button_primary{
    color:#fff!important;
    background:#00afab!important; 
    font-size:13px!important; 
    font-family:proxima_nova_regular!important;
    margin: 0px 2px 5px 2px!important; 
    padding:2px 6px!important; 
    border:1px solid #327886!important;
    min-width:80px!important;
}
.button_secondary{
    color:#fff!important; 
    background:#63ccca!important; 
    font-size:13px!important;
    font-family:proxima_nova_regular!important;
    margin:0px 2px 5px 2px!important; 
    padding:2px 6px!important; 
    border:1px solid #327886!important;
    min-width:80px!important;
}
.button_primary:hover, .button_secondary:hover{ 
    color:#215761; 
    border:1px solid #54aca9;
    background:#a4e9e6;
    cursor: pointer; 
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.input_number {
    text-align: right;
}
.input_date {
    text-align: right;
}
.lbl_strong {
    font-weight:bold;
    color:#333;
}
.container_fieldset {
    background:#ecf2fa; width:98%; padding:2px;
}
.box_form{
    border:1px solid #bfcee2;
    margin:0px;
    padding:6px;
    /*width:910px;*/
}
.box_form legend
{
    font-family:'proxima_novasemibold'; 
    font-size:15px;
    color:#333;
    padding:0px 8px;
}
.box_form span {
    font-size:14px;
    font-family:Arial;
}
.cont_relation {
    display:block; 
    clear:both; 
    min-height:30px;
    margin:14px 0px;
}
.cont_relation span{
    font-family:Arial;
    font-size:13px;
    color:#666666;
    width:100px;
    display:inline-block;
    padding-left:10px;
    padding-right:0px;
    vertical-align:middle;
    text-align:left;
}
.cont_relation select{
    width:160px;
    background: #fbfafa;
    border: 1px solid #c9d2d8;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
}

/*Seccion Login */
.container_login {
    text-align: center;
    top:0%;
    position: relative;
    margin: 0 auto;
}
.top-login {
    padding:0px 0px 20px 0px;
}
.tbl_login  {
    width:388px;
    /*height:180px;
    background: url(../img/layout/bg_login_opacity.png);
    background-repeat: repeat;*/
}
.tbl_login td {
    text-align:center;
    margin: 0px;
    padding:6px 0px;
}
.tbl_login input[type="text"], .tbl_login input[type="password"] {
    width:100%; 
    height:36px;
    border:1px solid #bbb; 
    background:#fff; 
    color:#666; 
    font-family:Arial; 
    font-size:13px; 
    padding-top:0px;
    padding-left: 30px;
    margin-bottom:4px;
    box-shadow: 0px 0px 4px -1px #999;
}
.tbl_login input[id="frmLogin:txtLogin"] {
    background:#fff url(../img/layout/ico_user_login.jpg);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}
.tbl_login input[type="password"] {
    background:#fff url(../img/layout/ico_pass_login.jpg);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}
.tbl_login input[id="frmLogin:txtCodigoCaptcha"] {
    padding-left: 10px;
}
.tbl_login input[type="checkbox"]  {
    margin:0px 4px;
}
.layout_templatelogin {
    border-collapse:collapse; 
    background-repeat:no-repeat; 
    width:412px; 
    height:232px;
    margin: 0 auto;
}
.layout_templatelogin .required{
    color:#003b77;
    font-family:Arial;
    font-size:11px;
}
.btn_login_ingresar{
    color:#fff;
    font-size:14px; 
    font-family:proxima_nova_regular;
    margin:4px; 
    border:1px solid #54aca9;
    background:#5fcac6;
    padding:5px 0px;
    border-radius: 4px;
    cursor: pointer;
}
.btn_login_ingresar:hover{
    color:#215761;
    font-size:14px; 
    font-family:proxima_nova_regular;
    margin:4px; 
    border:1px solid #54aca9;
    background:#a4e9e6;
    padding:5px 0px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn_login_cancelar{
    color:#fff;
    background:#00619f; 
    font-size:18px; 
    font-family:proxima_nova_regular;
    margin:4px; 
    border:none;
    width:128px;
    height:50px;
    background:url(/vucen-admin/images/Layout/btn_cancelar.jpg);
}
.btn_login_ingresar:hover, .btn_login_cancelar:hover{
    filter:alpha(opacity=90);
}

/* ESTILOS PARA EL FILEUPLOAD */
.file-wrapper{
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.file-wrapper input{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -moz-opacity: 0.01;
    cursor: pointer;
    height:37px;
    width:90px;
    z-index:9999;
}
.file-wrapper #spnFileTag{
    min-width:76px;
    margin:0px;
}
.file-wrapper #spnFileName{
    display:inline;
}

/* ESTILOS PARA MOSTRAR BOTONES SOBRE IMAGEN */

div.show-image {
    position: relative;
    float:left;
    margin:5px;
    background-color: #000000;
}
div.show-image:hover a
{
    display: block;
}
div.show-image:hover div
{
    display: block;
}
div.show-image a {
    position:absolute;
    display:none;
}
div.show-image div {
    position:absolute;
    display:none;
}
.txt-readonly{
    background: #ededed !important;
    color:#999 !important; 
}
input[type='text'][readonly='readonly']{
    background: #ededed !important;
    color:#999 !important; 
}
textarea[readonly='readonly']{
    background: #ededed !important;
    color:#999 !important; 
}

tbody.ui-widget-content tr td{ font-size:12px!important}

form div.form-group div.row{ font-size:12px!important}

div.ui-datatable-tablewrapper table thead th input{ font-size:12px!important;
                                                    width: 70%!important; padding: 3px!important}

div.ui-picklist-buttons div.ui-picklist-buttons-cell button.ui-button{
    background: #63ccca;
    color: #327886
}

div.ui-picklist-buttons div.ui-picklist-buttons-cell button.ui-button:hover{

    background: #00afab;
    color: #327886
}

div.ui-selectonemenu-items-wrapper ul.ui-selectonemenu-items li.ui-selectonemenu-item{
    font-size:12px!important
}

span.ui-calendar input.ui-inputfield{ font-size:12px!important}

div.ui-datepicker table.ui-datepicker-calendar thead  th{
    background: #54aca9!important;
    color: #fff
}
.ui-breadcrumb {
    padding: 3px 5px 4px 5px;
}

legend{
    border-bottom: none!important;
    width: auto!important;
    margin-bottom: -3px!important;
}

label.ui-outputlabel{
    font-size:13px!important
}

div.ui-selectonemenu label.ui-selectonemenu-label{
    font-size:13px!important
}