body {
-ms-overflow-style: scrollbar;
/*     font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px; */
}

    body.login {
        background-color: #d5d5d5 !important;
    }

/*.container {
    min-width:1024px !important;
}*/

/*@-ms-viewport{width:auto!important}  fix para scrollbar iexplore 11*/

@media (min-width: 1200px) {
    .container {
        width: 1260px;
    }
}

@media (min-width: 992px) {
.container {
    width: auto !important;
}
}

.top-bar {
    height: 69px;
}

.main-container {
    min-height: 600px;
    padding-top: 0px;
    background-color: #fff;
    position:relative;
}

/*.paddingaba56 {
    padding-bottom: 56px;
}*/

.top-bar .logo-fix {
    margin: 0;
    padding: 0 10px 0 0;
}

.logo-fix img {
    width: 180px;
    height: 68px;
}

.footer-container {
    height: 69px;
}

    .footer-container > .row, .footer-container > .row > div {
        height: 100%;
    }

        .footer-container > .row .col-lg-6:first-child {
            line-height: 75px;
            text-align: left;
            padding-left: 50px;
        }

        .footer-container > .row .col-lg-6:last-child {
            line-height: 75px;
            text-align: right;
            padding-right: 50px;
        }

.control-label {
    text-align: left !important;
    line-height: 14px;
}

.list-container {
    height: 600px;
    overflow-y: scroll;
}

.nav-sub-tabs {
    margin: 10px 10px 0 10px;
}

.nav-tabs > li > a {
    margin-right: 5px !important;
}

/*.nav > li > a {
    padding: 10px 10px !important;
}*/

.glyphicon-tab {
    /*margin-left: 7px;
    font-size: 15px;
    position: absolute;
    top: 14px;
    right: 5px;*/
    margin-left: 10px;
}

@media (max-width:1024px) {
.glyphicon-tab {
    position: absolute;
    right: 5px;
    top: 5px;
}
}

.register-tabs > .tab-content {
    min-height: 547px !important;
    border: 1px solid silver;
}

/*// .register-sub-tabs > .tab-content {
//     min-height: 433px !important;
//     border: 1px solid silver;
//     margin: 0 10px 10px 10px;
//     padding: 20px 20px 0px;
//     height: 433px;
// }*/


/*#pestañas {
  min-height: 440px !important;
  min-height: 440px !important;
}*/

/** desde aqui se integra lo de custom generico para todos los maquetados **/

body {
/* background-color: #d5d5d5 !important; */
}

.top-bar {
    background-color: #f5f5f6;
}

/*.main-container {
    background-color: #fff;
    position:relative;
}*/

.bg {
    background-color: #fff;
}

.footer-container {
    background-color: #fff;
}

.ruv-heading {
    color: #939598;
}

.footer-container > .row {
    color: #939598;
}

.company-logo {
    content: url("https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/logo-ruv-pp-01.jpg");
    background: url("https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/logo-ruv-pp-01.jpg") no-repeat;
    background-size: 180px;
    display: block;
}

.company-logo-02 {
    content: url("https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/logo-ruv-01.jpg");
    background: url("https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/logo-ruv-01.jpg") no-repeat;
    background-size: 180px;
    display: block;
}

.ruv-hr {
    background-color: #F8971C;
    border: none;
    height: 2px;
}

.iniciar-sesion{
    background-color: #6BAC14;
    padding: 10px 8px;
    color: #fff!important;
    display: inline-block;
    font-size: 13px;
}

.alineatextovertical {
    padding-top: 7px;
}

.position-i-s {
    margin: 15px 0 0 50px;
}

.p-dropdown{
    position: absolute;
    right: 0!important;
}

.listacuadrados {
    list-style-type: square !important;
}

.paddingleft0 {
    padding-left:0px !important;
}

.paddingright0 {
    padding-right:0px !important;
}

.paddingright30 {
    padding-right:30px !important;
}

.paddingright11 {
    padding-right:11px !important;
}

.paddingbottom20 {
    padding-bottom:20px !important;
}

.paddingbottom40 {
    padding-bottom:40px !important;
}

.nopaddingcostados {
    padding-left:0px !important;
    padding-right:0px !important;
}


/*Clases para le dropdown multinivel*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    /*left: -158px;*/
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.level-2-1 {
left: auto!important;
right: 227px;
top: 2px!important;
min-width: 230px;
}

.level-2-2 {
left: auto!important;
right: 227px;
top: -4px!important;
min-width: 230px;
}

.level-3 {
left: auto!important;
right: 227px;
top: 2px!important;
min-width: 230px;
}

.level-3-2 {
left: auto!important;
right: 227px;
min-width: 180px;
}

.btn-iniciar-sesion{
    background-color: #8dc63f !important;
    border-color: #83C529 !important;
    margin-right: 10px;
}

textarea.form-control.txtarea {
    height:34px;
    min-width:100%;
    min-height:34px;
    max-width:100%;
    max-height:90px;
    z-index: 100;
    position: relative;
}

.fondoreadonly {
    background-color: #FAFAFA !important;
}

#objsocemp, #actpri {
    max-width:269px !important;
    max-height:90px !important;
}

/*label {
    line-height: 13px !important;
}*/

/*MENUS*/

.dropdown-menu {
    z-index: 1001!important;
}

#MenuTrabajo .dropdown-menu {
    margin-left: -15px;
    left: auto!important;
      z-index: 1001!important;
      top: initial;
}

/*.dropdown-menu > li > a {
  display: inline-block !important;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}*/



/*Men� Usuario*/

.inicio-sesion {
margin: 18px 35px 0 0;
float: right;
}

.inicio-sesion .btn img{
margin-left: 10px;
position: relative;
top: -1px;
}

/*.anchonombre {
display: inline-block;
max-width: 180px;
height: 20px;
overflow: hidden;
vertical-align: middle;
word-break: break-all;
}*/

.anchonombre {
    display: inline-block;
    max-width: 185px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    min-width: 90px;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.menu-usuario .dropdown-menu {
left: 150px;
position: absolute;
right: 46px!important;
}*/

.menu-usuario .title{
padding: 3px 20px;
color: rgb(0, 156, 187);
font-weight: bold;
font-size: 11px;
}


.menu-usuario li {
margin: 10px 0;
}

.menu-usuario .glyphicon-off{
float: none;
top: 4px;
margin-left: 78px;
}

.menu-usuario .dropdown-toggle {
color: black;
}

.dropdown-toggle:hover {
    text-decoration: none;
}

.menu-usuario .glyphicon-user {
margin-right: 4px;
}

.dropdown-menu .puesto {
font-weight: bold;
padding-left:18px;
font-size: 15px;
color: rgb(73, 73, 73);
}

#menuusuario .puesto {
padding-left:18px;
}

.menu-usuario {
    margin: 25px 5px 0px 0px;
    float: right;
    width: 235px;
    text-align: right;
}

/*.anchonombre {
  display: inline-block;
  max-width: 188px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
  min-width: 188px;
  padding-right: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align:left;  
}*/

.picomenu {
position: absolute;
top: -25px;
left: 25px;
}

/*.menu-usuario .dropdown-menu {
    left: 150px;
    position: absolute;
    right: 46px !important;
}*/

/*.picomenu {
position: absolute;
top: -15px;
left: 15px;
}

.menu-usuario .picomenu {
top: -25px;
}*/

/*Men� Alertas*/

.menu-alertas {
float: right;
margin-top: 25px;
margin-right: 35px;
}

.menu-alertas .title{
padding: 3px 20px;
color: rgb(0, 156, 187);
font-weight: bold;
font-size: 11px;
}

.menu-alertas .badge {
margin: 0 0 0 3px;
top: -2px;
position: relative;
background-color: red;
}

.menu-alertas .dropdown-toggle {
color: black;
}

/*.menu-alertas .dropdown-menu {
position: absolute;
right: 285px;
}*/

.menu-alertas-2 {
float: right;
margin-top: 25px;
margin-right: 35px;
}


.menu-alertas-2 .dropdown-menu .title-n {
padding: 3px 20px 8px;
color: rgb(0, 156, 187);
font-weight: bold;
font-size: 11px;
}

.tituloazul {
padding-left: 10px;
color: rgb(0, 156, 187);
font-weight: bold;
font-size: 11px;
}

.menu-alertas-2 .badge {
margin: 0 0 0 3px;
top: -2px;
position: relative;
background-color: red;
}

.menu-alertas-2 .dropdown-toggle {
color: black;
}

.menu-alertas-2 .dropdown-menu {
/*position: absolute;
right: 212px!important;*/
padding-bottom: 0;

}

.menu-alertas-2 .dropdown-menu > li > a{
  padding: 15px 20px!important;
}

.menu-alertas-2 .dropdown-menu > li > .ver-todas {
padding: 5px 20px!important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.menu-alertas-2 .dropdown-menu > li > .ver-todas:hover {
background-color: rgb(244, 249, 250);
}

.menu-alertas-2 .glyphicon-eye-open {
float: right;
margin-top: 3px;
}

.user-n {
padding: 10px 18px;
}

.user-n span {
float: left;
}

.date-user-n {
padding-left: 26px;
}

.date-user-n li {
list-style: none;
margin-bottom: -3px;
}

#notificacionesDashboard .date-user-n li {
  max-width:500px;
}

#notificacionesDashboard .dropdown-menu > li > a {
    white-space: inherit;
}

.numero-odt{
font-weight: bold;
float: none!important;
}

.nombre{
font-size: 15px;
}

.fecha{
font-size: 12px !important;
}

/*.user-n .glyphicon-user {
margin-top: 3px;
}

a.user-n {
  cursor:default;
}*/

/** Men� operadores **/

#menuoperadores {
    right:241px;
}

/*Men� Super Administrador*/

.menu-sa {
margin: 25px 35px 0 0;
float: right;
}

.menu-sa .dropdown-menu {
position: absolute;
right: 46px!important;
}

.menu-sa .title{
padding: 3px 0;
color: rgb(0, 156, 187);
font-weight: bold;
font-size: 11px;
}

.menu-sa .title2 {
margin: -6px 0;
font-weight: bold;
font-size: 13px;
padding-left: 0;
}

.menu-sa li {
margin: 13px 0 13px -25px;
list-style: none;
font-size: 12px;
}

.menu-sa li a{
color: black;
}

.menu-sa .glyphicon-off{
float: right;
top: 4px;
}

.menu-sa .dropdown-toggle {
color: black;
}

.menu-sa .glyphicon-user {
margin-right: 12px;
}

.menu-sa .dropdown-menu {
position: absolute;
right: 46px!important;
width: 1006px;
}

.dropdown-menu .site1 ul,
.dropdown-menu .site2 ul,
.dropdown-menu .site3 ul,
.dropdown-menu .site4 ul {
padding-left: 25px;
}

.dropdown-menu .site1 li a:hover, .dropdown-menu .site1 li a:focus,
.dropdown-menu .site2 li a:hover, .dropdown-menu .site2 li a:focus,
.dropdown-menu .site3 li a:hover, .dropdown-menu .site3 li a:focus,
.dropdown-menu .site4 li a:hover, .dropdown-menu .site4 li a:focus  {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}

.dropdown-menu .site1 li a,
.dropdown-menu .site2 li a,
.dropdown-menu .site3 li a,
.dropdown-menu .site4 li a {
display: block;
padding: 3px 20px 3px 40px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}

.menu-sa .dropdown-menu .site1{
width: 250px;
float: left;
}

.menu-sa .dropdown-menu .site2{
width: 250px;
float: left;
margin-top: 90px;
}

.menu-sa .dropdown-menu .site3{
width: 250px;
float: left;
margin-top: 43px;
}

.menu-sa .dropdown-menu .site4{
width: 250px;
float: left;
margin-top: 43px;
}

.divider-menu{
border-right: 1px solid #DFDFDF;
height: 490px;
float: left;
margin-top: 40px;
}

.dropdown-menu .site1 .title,
.dropdown-menu .site3 .title,
.dropdown-menu .site4 .title {
padding-left: 25px;
}


.divider-section {
height: 18px;
}

.dropdown-menu .puesto {
font-weight: bold;
padding-left:18px;
font-size: 15px;
color: rgb(73, 73, 73);
}

#menuusuario .puesto {
padding-left:18px;
}

.bloquecomentarios {
    border: 1px solid #cccccc;
    padding:5px;
    height:128px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:15px;
}

.headercomentarios {
    color: #555555;
    font-size: 11px;
    font-style: italic;
    font-weight:bold;
    line-height: 15px;
    display:block;
}

.cuerpocomentarios {
    padding: 0px 0px 5px 7px;
    margin-bottom: 5px;
    line-height: 16px;
}

.cuerpocomentarios span{
    color: #717073;
    font-weight:bold;
}

.listaodtsasoc
{
    margin: 0px;
    padding-left: 23px;
    cursor:pointer;
        list-style: inherit;
        margin: 0px 0px 6px 0px;
        font-weight:bold;
        color: #555555;
        border-bottom: 1px solid #c0c0c0;
        line-height: 16px;
    }

.listaodtsasoc:hover {
    text-decoration: underline;
}

    .listaodtsasoc span {

        color: #555555;
    font-size: 11px;
    font-style: italic;
    font-weight:bold;
    line-height: 15px;
    display:block;
    width: 235px;
    margin-bottom: 3px;
    }


.alturaodtsasoc {
height: 215px !important;
}

.separaatender {
height: 42px;
margin-bottom: 26px;
border-bottom: 1px solid #c0c0c0;
}

.mostrando {
margin: 10px 0px 0px 20px;
display: inline-block;
border-left: 1px solid #c0c0c0;
padding-left: 20px;
float: left;
}

/** Estilos para date time picker / calendario **/

.datepicker table {
    width: 100%;
}

/* Estilos para file upload */

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  direction: ltr;
}
.fileinput {
  display: inline-block;
  /*margin-bottom: 9px;*/
}
.fileinput .form-control {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  max-height: 22px;
  word-break: break-all;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}

.input-group-addon:not(:first-child) {
  border-left: 0;
}

.fileinput.input-group > .btn-file {
        font-size: 11px;
}

.fileinput-exists {
        font-size: 11px;
}

/* Estilos file upload solo mobile*/

@media(max-width:320px){

.fileinput.input-group {
display: table;
width: 168% !important;
}

#tabDatosDocumentacion .btn {
padding: 6px;
border-left: 1px solid #c0c0c0;
}

.fileinput {
display: inline-block;
margin-bottom: 20px;
}

.input-group-addon:not(:first-child) {
border-left: 0;
position: relative;
top: 33px;
left: -144px;
}

.fileinput.input-group > .btn-file {
z-index: 1;
position: relative;
top: 33px;
left: -143px;
}

}

/** para validaciones **/

.form-horizontal .has-feedback .form-control-feedback {
    right:-15px!important;
}

.has-error .help-block {
    /*display: block!important;*/
    margin-top: 5px!important;
    margin-bottom: 0px!important;
    position:absolute;
}

.has-error label {
    color:#000000 !important;
}

.has-success label {
    color:#000000 !important;
}

.has-feedback .form-control {
    padding-right:6px;
}

.has-error {
  color: #a94442;
}

.field-validation-error {
    color: #b94a48 !important;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48 !important;
}


select.input-validation-error {
    border: 1px solid #b94a48 !important;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.form-control-feedback {
    right: -15px;
}



/** para bloqueo de pantalla **/

.fakeloader99 .spinner4{
    position: absolute;
    left: 49%;
    top: 49%;
}

.fakeloader99 span {
    display: table;
    margin: 18% auto 0% auto;
    font-weight: bold;
    color:#555555;
}

/** loading para grids de odts y usuarios **/

    /*.cargaknockout {
  margin-top: 34px;
    }*/

.cargaknockout > .spinner4 {
    left:49% !important;
    top:40% !important;
}

#example_wrapper {
    min-height:340px;
}

/** para pantalla de loading / fakeloader **/

.fakeloader {
    height:399px;
    /*border:1px solid red;*/
}

.fileinput .fakeloader {
    min-width:286px !important;
    height:36px !important;
}

.fileinput .fakeloader .spinner {
    width:20px;
    margin-top:-21px;
}

.col-sm-8 .fakeloader {
    min-width:475px !important;
    height:36px !important;
}

/*Preloader*/

.tab-pane{
  position: relative!important;
}

.fakeloader .spinner1,
.fakeloader .spinner2,
.fakeloader .spinner3,
.fakeloader .spinner4,
.fakeloader .spinner5,
.fakeloader .spinner6,
.fakeloader .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader1 .spinner1,
.fakeloader1 .spinner2,
.fakeloader1 .spinner3,
.fakeloader1 .spinner4,
.fakeloader1 .spinner5,
.fakeloader1 .spinner6,
.fakeloader1 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader2 .spinner1,
.fakeloader2 .spinner2,
.fakeloader2 .spinner3,
.fakeloader2 .spinner4,
.fakeloader2 .spinner5,
.fakeloader2 .spinner6,
.fakeloader2 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader3 .spinner1,
.fakeloader3 .spinner2,
.fakeloader3 .spinner3,
.fakeloader3 .spinner4,
.fakeloader3 .spinner5,
.fakeloader3 .spinner6,
.fakeloader3 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader4 .spinner1,
.fakeloader4 .spinner2,
.fakeloader4 .spinner3,
.fakeloader4 .spinner4,
.fakeloader4 .spinner5,
.fakeloader4 .spinner6,
.fakeloader4 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader5 .spinner1,
.fakeloader5 .spinner2,
.fakeloader5 .spinner3,
.fakeloader5 .spinner4,
.fakeloader5 .spinner5,
.fakeloader5 .spinner6,
.fakeloader5 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

.fakeloader6 .spinner1,
.fakeloader6 .spinner2,
.fakeloader6 .spinner3,
.fakeloader6 .spinner4,
.fakeloader6 .spinner5,
.fakeloader6 .spinner6,
.fakeloader6 .spinner7{
    position: absolute!important;
    left: 47%!important;
    top: 43%!important;
}

/** para ancho de validaciones **/

small {
    width:390px;
}

/** para interior de los campos  **/

.form-control {
    padding: 6px 10px;
}

/*LOGIN*/

.container-login {
  background-color: #fff;
  height: auto;
  width: 400px;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  /*padding-bottom: 20px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  -moz-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;*/
  min-width: 400px!important;
  margin: 22px auto 0px auto;
}

.container-login .has-error .help-block {
  /*display: block!important;
  position: relative!important;*/
  top: 40px;
}

.full-width { 
  width: 100%;
  color: #5E5E5E;
  /*background-color: #400080;*/
  padding: 0 20px;
}

.full-width-extra {
  color: #000;
  background-color: #fc0;
}

.form-signin {
  max-width: 330px;
  padding: 0px 15px 0px 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.ingresar{
background-color: #82bc00;
border-color: #81B310;
margin-top: 0px;
margin-bottom: 21px;
}

.logo-ruv {
margin: 32px auto 23px auto;
display: block;
width: 235px;
}

.datos{
margin: 16px 0px 18px 0px;
}

.datos p{
margin: 0px;
text-align: center;
}

.checkbox {
text-align: center;
padding-left:0!important;
margin:0px;
}

.checkbox:hover {
text-decoration: underline;
}

.checkbox a {
display: inline;
font-weight: 400;
cursor: pointer;
}

.registro {
text-align: center;
color: #5E5E5E;
}

.registro a{
color: #5E5E5E;
cursor: pointer;
}

.derechos{
font-size: 12px!important;
}

#login.form-horizontal .has-feedback .form-control-feedback {
    right: -30px!important;
}

/*#reiniciapass {
    margin-top:20px;
}*/

#reiniciapass.form-horizontal .has-feedback .form-control-feedback{
    right: -30px!important;
}

#reiniciapass.glyphicon .glyphicon-chevron-left {
    font-size:32px;
}

#regresar {
    font-size: 20px;
    cursor:pointer;
}

#regresar > span {
    padding:10px;
    border-radius:5px;
    margin-bottom:10px;
    background-color:#ececec;
    color: #0a7cb9;
}

#regresar > span:hover {
    background-color: #ececec;
    color: #006094;
}

/*#campomail {
    margin:30px 0px 35px 0px;
}*/

.limitaalto {
    height:700px;
    overflow:hidden;
}

#login h3 {
    margin-top: 0px;
    margin-bottom:25px;
}

#confirmarpass {
    padding-top:36px;
    text-align:justify;
}

#correousr {
    width:100%;
    border:1px solid #c0c0c0;
    background-color:#ECECEC;
    border-radius:5px;
    padding:10px;
    font-weight:bold;
    text-align:center;
    color:#555555;
    margin: 45px 0px 50px 0px;
}

#formulariologin {
    margin-bottom: 50px;
}

/*Recuperar contrase�a*/

.recuperar {
text-align: center!important;
font-size: 20px;
line-height: 29px!important;
}

.recuperar-con {
width: 80px;
display: block;
margin: 10px auto 30px;
}

.margin-r {
position: relative;
right: 18px;
}

/* Strenght de cambiar contrase�a */

#mainContentContainer {
      min-height: 660px;
}


#myform .nueva-con input[type="password"],#myform .nueva-con input[type="text"]{
background:transparent;
border: 1px solid #e5e6e7;
color: #777;
font-family: "Lato", sans-serif;
font-size: 14px;
padding: 6px 5px;
text-indent: 6px;
/*border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
-webkit-transition: border .25s linear, color .25s linear;
-moz-transition: border .25s linear, color .25s linear;
-o-transition: border .25s linear, color .25s linear;
transition: border .25s linear, color .25s linear;
-webkit-backface-visibility: hidden;
width:100%;
height: 32px;
}
#myform .nueva-con input[type="password"]:focus,#myform .nueva-con input[type="text"]:focus{
outline:0;
}
#myform{
width: 100%;
margin: 0 auto;
position: relative;
margin-bottom:60px;
z-index: 10;
}
#myform .nueva-con .strength_meter{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 31px;
z-index:-1;
border-radius:5px;
padding: 0 15px;
}

#myform .nueva-con .button_strength {
text-decoration: none;
color: #000;
font-size: 11px;
float: right;
}

#myform .nueva-con .strength_meter div p{
position: absolute;
top: 24px;
color: #000;
font-size: 11px;
text-align: left;
left: 14px;
}

/*@media (max-width:1024px) {
    #myform .nueva-con .button_strength {
    margin-right: -10px;
    }

}*/

#myform .nueva-con .strength_meter div{
width:0%;
height: 31px;
text-align: right;
color: #000;
line-height: 31px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/*padding-right: 12px;
border-radius:4px;*/
}

#myform .nueva-con .veryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
width:25%!important;
}

#myform .nueva-con .weak{
background-color: #FFB78C;
border-color: #FF853C!important;
width:50%!important;
}

#myform .nueva-con .medium{
background-color: #FFEC8B;
border-color: #FC0!important;
width:75%!important;
}
#myform .nueva-con .strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
width:100%!important;
}

#myform .nueva-con .campo-color {
padding: 0 15px;
}

/*GRID*/

.p-relative {
position: relative;
}

.tablero {
font-size: 18px !important;
color: #6d6e71;
font-weight: bold !important;
margin-top: 0;
}

table.dataTable tbody tr {
    cursor: default !important;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
    cursor:default !important;
}

.altura40 {
    height: 40px;
}

/** para popup de detalle de registro **/

.modal-content {
    margin-top:65px;
}

.modal-body {
    padding: 0px 0px 0px 15px;
}

.anchuradetalle {
    width:920px !important;
    margin:0px auto;
}

.detalle {
    cursor:pointer;
}

.popdetalle3 {
    width:31%;
    margin-right:2%;
    display:inline-block;
    vertical-align: top;
}

.popdetalle3 > label {
    display: inline-block;
    width: 51%;
    padding-top: 10px;
    /*background-color:aqua;*/
    }

    .popdetalle3 > .form-control {
    display: inline-block;
    width: 47%;
    /*float: right;
    background-color:green;*/
    }

    .popdetalle3 .h6 {
        margin-top:0px !important;
    }

.popdetalle2 {
    width:47%;
    margin-right:2%;
    display:inline-block;
    vertical-align: top;
}

.popdetalle3 .tablascroll {
    /*width:;*/
}

.popdetalle3 > input[type=text], .popdetalle2 > input[type=text] {
    margin-bottom:15px;
}

.ancho98
{
    width: 98%;
    margin: 5px 0px -3px 0px;
}

/** Estilos grid / listado de usuarios **/

.m-form {
margin-bottom: 30px !important;
}

.botoncrearusr {

    background-image: url(https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/icon_atender.png);
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 10px;
    background-position: center;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
}

.botoneliminarusr {

    background-image: url(https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/icon_eliminar.png);
    background-repeat: no-repeat;
    /*background-size: 20px 14px;*/
    cursor: pointer!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 10px;
    background-position: center;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
}

.botoneliminarusr:hover, .botoncrearusr:hover {
    background-color: #cccccc;
}

#gvUsuarios {
min-height:86px;
    }

#gvUsuarios thead tr th, #gvUsuarios tbody tr td {
        padding: 8px 10px;
        font-size: 12px;
    }

@media (max-width:1024px) {
    #gvUsuarios thead tr th, #gvUsuarios tbody tr td {
        width:10%;
        word-break:break-all;
    }
}

#registrarusuariopopup {
    float: right;
    margin: 0px;
}

/** modal crear y editar usuario y sus confirmaciones **/

#mainContentContainer .ancho98 {
    margin:18px 0px 24px 0px;
}

#mainContentContainer .help-block {
    position: absolute;
    margin-top: 0px;
    font-size: 12px;
}

/*#mainContentContainer .btn-asignarme-odt {
float: right;
    margin:-4px 2px 0px 0px;
}*/

#mainContentContainer .form-control-feedback .glyphicon .glyphicon-remove .mark-icon-validation {
    right:-15px;
}

#mainContentContainer .has-error .form-control-feedback {
    right: -15px;
}

#popcrearusr .ancho98, #popeditarusr .ancho98 {
  width: 92%;
}

/*#popcrearusr .modal-body, #popeditarusr .modal-body {
  padding: 0px 0px 0px 55px;
}*/

#fakeLoader_divinfousuario, #fakeLoader_diveditinfousuario {
      width: 806px !important;
      height: 355px !important;
}

.usrinterno #fakeLoader_divinfousuario {
      width: 806px !important;
      height: 282px !important;
}

.usrinterno #fakeLoader_diveditinfousuario {
      width: 806px !important;
      height: 334px !important;
}

.anchoconfirma {
    width:33% !important;
    margin-left:33%;
}

#popconfirmarusuariovinculado {
    z-index: 2060 !important;
}

/** FILTROS GRID USUARIOS **/

.filtrosusr {
padding: 0px;
}

.filtrosusr label {
font-size:11px;
line-height: 0.99;
}

.filtrosusr input[type="search"], .filtrosusr select {
    display:inline-block;
    height: 26px;
    vertical-align:top;
    font-size:12px;
    padding:0px 5px;
}

.filtrosusr input[type="text"] {
    height: 26px;
    vertical-align:top;
    margin-left:5px;
    font-size:12px;
    padding:5px;
}

.filtrosusr div {
        display:inline-block;
        vertical-align:top;
}

.filtrosusr .input-group-addon {
display: inline-block;
margin: 0px;
height: 26px !important;
vertical-align: top;
font-size:12px;
/*padding:5px 5px 5px 4px;*/
padding:4px 0px;
cursor:pointer;
width: 24%;
}

.filtrosusr .btn-lista-panel {
    margin: 0px 1px 0px 10px;
    padding: 0px 19px;
}

.texto6px {
    font-size:6px;
}


.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    stroke: #8dc63f;
}

.spinner-align-right {
    position: absolute;
    top: 5px;
    line-height: 34px;
    text-align: center;
    right: -15px;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}



/*ERROR*/

@font-face {

  font-family: 'laRoboto';
  src: url('../fonts/Roboto/roboto-thin-webfont.eot');
  src: url('../fonts/Roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'),
       url('../fonts/Roboto/roboto-thin-webfont..woff') format('woff'),
       url('../fonts/Roboto/roboto-thin-webfont.ttf')  format('truetype'),
       url('../fonts/Roboto/roboto-thin-webfont.svg#svgFontName') format('svg');

  font-weight: normal;
  font-style: normal;
}


.error {
  font-size: 155px;
  text-align: center;
  display: block;
  margin: -20px 0 0;
  font-weight: lighter;
}

.text-error {
  text-align: center;
  display: block;
  font-size: 33px;
  margin: -35px auto 0;
  font-weight: 100;
}


.signe {
    font-size: 58px;
    color: rgb(115, 115, 115);
    display: block;
    text-align: center;
    margin: 51px auto 0;
}


/*Loading*/
#fakeLoader_undefined svg {
  left: 50%!important;
  margin-left: -35px;
  top: 43%!important;
}

/*Clase para indicar en que sección se encuentra el usuario - MENU*/

.breadcrumbs {
  background-color: #72A130;
  color: #fff!important;
  border-radius: 0;
}

li.breadcrumbs a {
  color: #fff!important;
}

.nav > li.selected {
    border-left: 4px solid RGB(86, 162, 27);
    background: #8DC63F;
}

li.breadcrumbs a:hover {
  background-color: rgb(86, 162, 27);
  color: #fff!important;
  border-radius: 0;
}

.otro-mensaje{
  display: block;
  text-align: center;
  margin-top: 3px;
  font-weight: normal;
}

.otro-mensaje span{
  font-weight: bold;
}


/*Estilos para el resumen de información de Empresa PDF*/

.titler {
  margin: 7px 0px 3px;
}

.titler .txtr {
  font-size: 20px;
}

.logo-fix-02 {
  background: #fff;
}

.logo-fix-02 img {
  width: 180px;
  height: 68px;
  display: block;
  margin: 0 auto;
}

.datosr {
  height: 100%;
}

.main-container-02 {
  padding: 20px 0 80px;
  background-color: #fff;
}

.numerono {
  margin-top: 15px;
}

.bloque{
  padding: 0 60px 10px;
}

.bloque .col-xs-2, .bloque .col-xs-3, .bloque .col-xs-4, .bloque .col-xs-5, .bloque .col-xs-6, .bloque .col-xs-12{
    margin: 12px 0;
}

.bloque .lineahorpunteada {
  border-bottom: 1px dotted #CFCFCF;
}

.bloque h5 {
  position: relative;
  top: 12px;
  left: 15px;
}

.fechasr{
  margin-top: 5px;
}

/** pantalla de bienvenida **/

.iconopagprin {
    width: 360px;
    margin-top: 30px;
}

.gris50 {
    color: #959595;
}

.textobienvenida {
    text-align: center;
    font-size: 15px;
    margin: 35px 0px;
}

/** usuario migrado **/

#usrmigra small {
    color: #a94442;
}

#usrmigra i {
    color: #a94442;
    right: -15px !important;
}

#usrmigra a {
    font-size:11px !important;
    float:left;
    /*margin-top: 5px;*/
}

#usrmigra p {
    font-size:11px !important;
    float:right;
}

.margenarriba-6 {
    margin-top:-6px;
}

.margenarriba-20 {
    margin-top:-20px;
}

.margenabajo20 {
    margin-bottom:20px !important;
}

.margen0izqder {
    margin-left: 0px;
    margin-right: 0px;
}

#usrmigra .help-block {
    top: inherit;
}

#usrmigra .button_strength {
    font-weight:bold;
}

/** recuperar nickname o nombre de usuario **/

.margenabajo10 {
    margin-bottom:10px !important;
}

.loginsecciones {
  background-color: #fbfbfb;
  width: 76%;
  display: inline-block !important;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
}

.loginsecciones:hover {
    background-color: #f0f0f0;
}

.limitaalto .form-group {
  margin-bottom: 15px;
}

.margenabajo16 {
    margin-bottom:16px !important;
}

.titulologin {
    font-size: 12.5px;
    width: 100%;
    text-align: center;
    /*background-color:gray;*/
}

#recuperanick i {
    right:-30px!important;
}

/** para nuevo popup de detalle de odt **/

.padding5 {
    padding:5px !important;
}

.fontsize12 {
    font-size:12px;
}

/* Estilos para nuevo Monitor de Operadores */

.tamanofont11 {
    font-size:11px;
}

.tamanofont13 {
    font-size:13px;
}

.colornegro {
    color:#000000;
}

.fuentenormal {
    font-weight: normal !important;
}

.margenderecho15 {
margin-right: 15px;
}

.detallesinfo {
    display: block;
    width: 100%;
    height: 14px;
    overflow: hidden;
}

.progress {
    margin-bottom:0px;
}

.filtros input[type="search"], .filtros select, .filtros input[type="text"] {
    display: inline-block;
    height: 26px;
    vertical-align: top;
    font-size: 12px;
    padding: 5px;
}

.filtros .input-group-addon {
    height: 26px;
    padding: 4px 0px;
}

.anchomin60 {
    min-width: 60px;
}

.regseleccionadogrid {
    /*background-color:#9fbcd4 !important;*/
    cursor:pointer;
}

.ancho1004 {
    width:1004px;
    margin:auto;
}

.ancho60p {
    width:60%;
}

.nomargin_nopadd {
    margin: 0px !important;
    padding: 0px !important;
}

.botondetalle {

    background-image: url(https://stylesitio-ghcpe3bud4ffe8fq.a01.azurefd.net/uiusuarios/Content/themes/base/images/icon_lupa.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 10px;
    background-position: center;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    margin-bottom: -5px;
}

.paddingleft20 {
    padding-left:20px;
}

.margen0 {
    margin: 0px !important;
}

.ancho600 {
    width:655px !important;
    margin:0px auto;
}

.puntosuspensivos {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/** clase para los file upload en hd **/

.fileinput.input-group {
    width: 100%;
}


#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: -1;
  }
  

#bg img {
  position: absolute; 
  top: 0; 
  left: 0;
  right: 0; 
  bottom: 0;
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

/** desde aki se agrego lo de custom_new_dashboard.css del maquetado lineas 758 a 847 - 13 nov 15 **/

/** Google+ Insignia **/

.centrar-google-plus {
    margin: 0 auto;
    width: 280px;
}

/** Twitter Plugin **/

.centrar-twitter-plugin {
    margin: 0 auto;
    max-width: 520px;
}



/*Menu Color usuario y perfil*/
.white-a {
  color: #D3D3D3;
}

.margin-menu-02 {
  margin-top: -20px;
}

.nav-header .img-circle{
  width: 50px;
}

.title-menu {
    font-size: 16px!important;
    margin-top: 12px!important;
}
.white-b {
  color: #fff;
}

.collapse li a{
    color:#FFFFFF;
}

.mini-navbar .navbar-default .nav > li > a i {
    color: #fff;
}

/** Estilos usuarios multicategoria **/

.ancho90p {
    width:90%;
}

@media (min-width:1367px) {
    .ancho90p {
     width: 100%;
}

}

.margenarri30 {
    margin-top:30px !important;
}

.sinregistros {
    height: 116px;
    text-align: center;
}

.nofloat {
    float:none !important;
}

#gvUsuarios {
    width: 100%;
}

#popcrearusr .modal-body, 
#popeditarusr .modal-body {
    padding: 0px 15px;
}

.anchoconfirma {
    margin-left: auto;
}

.anchoconfirma .modal-content {
    width:400px;
}

.colorgris40p {
    color: #ACACAC;
}


/** desde aki se agrego lo de custom_new_dashboard.css del maquetado lineas 1087 a 1179 - 13 nov 15 **/


/** Area de permisos en editar usuario **/

/*.areatabsoperadores {
height: 386px;
overflow-x: hidden;
overflow-y: auto;
}*/

.areabloquespermisos {
height: 190px;
overflow-x: hidden;
overflow-y: auto;
padding: 10px 14px;
border: 1px solid #cccccc;
margin-bottom: 15px;
}

/*.conteadminopera {
    min-height:405px;
    border:1px solid #cccccc;
    padding: 13px 0px;
    margin-bottom:14px;
}*/

    .conteadminopera .anchonombre {
        max-width: 86%;
    }

.titulochecks {
    border:1px solid #c0c0c0;
    border-bottom:none;
    background-color:#f0f0f0;
    padding:6px 0px 1px 0px;
    font-weight:bold;
    padding-left: 0px !important;
}

.bloquechecks {
    border:1px solid #c0c0c0;
    margin-bottom:10px;
    padding-top: 8px;
    padding-bottom:5px;
    padding-left: 0px !important;
}

.checkproducto {
    padding-top: 2px;
    padding-bottom: 2px;
}

.checkproducto input[type=checkbox] {
  vertical-align:top;
  margin-top:2px;
  margin-right:5px;
}

    .checkproducto label {
    display: inline-block;
    width: 77%;
    margin: 0px 10px -3px 0px;
    font-weight: normal;
    font-size: 12px;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.areabotonoperadores {
padding-right: 5px;
margin-bottom: 14px;
}

.titulochecks input[type='checkbox'] {
    vertical-align:top;
}

.padding6-12 {
    padding: 6px 12px !important;
}

.altura-auto {
    height:auto !important;
}

.margenarri10 {
    margin-top:10px !important;
}

.margenaba15 {
    margin-bottom:15px !important;
}

.margenaba30 {
    margin-bottom:30px !important;
}

.margenaba22 {
    margin-bottom:22px !important;
}

/** Fixes para ayuntamientos **/

.paddingarri0 {
    padding-top: 0px !important;
}

.margender45 {
margin-right: 45px !important;
}

.margender35 {
    margin-right: 35px !important;
}

.margender30 {
    margin-right: 30px !important;
}

.margender0 {
    margin-right: 0px !important;
}

.bordegrisfc {
        border: 1px solid #e5e6e7 !important;
}

.paddingizqder3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.paddingaba10 {
    padding-bottom: 10px !important;
}

.padding10 {
    padding: 10px !important;
}

/** fixes para empresas eliminadas **/

.ancho85p {
    width: 85% !important;
}

.ancho15p {
    width: 15% !important;
}

.margenizq0 {
    margin-left:0px !important;
}

.margenarri7 {
    margin-top: 7px !important;
}

.margenizq14 {
        margin-left: 14px !important;
}

/** grid sin registros **/

.sinregs {
    text-align: center;
    padding: 120px !important;
}

/** fixes ayuntamientos **/

.paddingaba30 {
    padding-bottom: 30px !important;
}

/** clases para nuevos botones de filtros  **/

.margenarri8 {
    margin-top: 8px !important;
}

.margenarri-4 {
    margin-top: -4px !important;
}

.paddingizq0 {
    padding-left: 0px !important;
}

/** ajuste para tableros de supervisor **/

.positionfiximp {
        position: fixed !important;
    }

/** estilos para tarificador **/

.margenizq12 {
    margin-left: 12px !important;
}

.margenizq5 {
    margin-left: 5px !important;
}

.modal3columnas {
    width: 984px !important;
    margin-left: -55px;
}

.modal3columnas label {
    font-size: 12px !important;
}

/** estilos para mmolina **/

.margenaba80 {
    margin-bottom: 80px !important;
}

.margenaba75 {
    margin-bottom: 75px !important;
}

/** estilos administracion de perfiles **/

#pestadmonperf .nav-tabs > li.active > a, 
#pestadmonperf .nav-tabs > li.active:hover > a, 
#pestadmonperf .nav-tabs > li.active:hover > a:focus, 
#pestadmonperfvacio .nav-tabs > li.active > a, 
#pestadmonperfvacio .nav-tabs > li.active:hover > a, 
#pestadmonperfvacio .nav-tabs > li.active:hover > a:focus {
        color: #555 !important;
        cursor: default;
        background-color: #fff !important;
        border:none !important;
    }

#pestadmonperfvacio .nav-tabs > li.active > a {
        color: #acacac !important;
}

    .ancho20p {
        width: 20% !important;
        /*float: left;*/
    }

    .margenarri-5 {
    margin-top: -5px !important;
    }

#pestadmonperf .areadatospermisos {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    height: 275px;
    border: 1px solid #ddd !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#pestadmonperf .anchonombre {
    min-width: 125px;
    padding-left: 5px;
}

.paddingarri4 {
    padding-top: 4px;
}

.paddingder5 {
    padding-right: 5px;
}

.paddingizq30 {
    padding-left: 30px;
}

.txtareaplegado {
    height: 34px;
}

.txtareadesplegado {
    height: 90px;
}

.txth4perfiles {
    margin: -3px 0px 6px;
}

.margenarri10 {
    margin-top:10px;
}

#pestadmonperf h4 {
  margin:-2px 0px 10px 0px;
}

#pestadmonperf {
    min-height: 442px;
}

#pestadmonperf .areatabsoperadores {
    height: 416px;
}

.sinborde {
    border: 0px !important;
}

#pestadmonperfvacio {
    min-height: 447px;
    color:#ACACAC !important;
}

#pestadmonperfvacio .anchonombre {
    min-width: 85%;
}

.colornegro {
    color: #000 !important;
}

.plecaadmonperf {
    margin-left: 15px;
    margin-bottom: 5px;
}

.paddingder30 {
    padding-right: 30px !important;
}

.selectadmonperfiles, #ddlestatusempresacrear, #ddlestatusempresaactualizar {
    display: inline-block;
    width: 45%;
    padding: 0px 0px 4px 4px;
    height: 24px;
    font-weight: normal;
    margin-left: 37px;
    border: 1px solid #c0c0c0;
    margin-top: -3px;
}

.margenaba15 {
    margin-bottom: 15px;
}

.ajusteregfis {
padding-right:0px;
}

.paddingderizq15 {
    padding-left: 15px;
    padding-right: 15px;
}

#pestadmonperf.vertical-tabs .nav-tabs > li.active, 
#pestadmonperf.vertical-tabs .nav-tabs > li.active:hover, 
#pestadmonperf.vertical-tabs .nav-tabs > li.active:focus,
#pestadmonperfvacio.vertical-tabs .nav-tabs > li.active
 {
    cursor: default;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px 0 0 4px;
    border-right-color: transparent !important;
}

#divcrearperfil .bloquechecks, 
#divactualizarperfil .bloquechecks {
    border: 1px solid #c0c0c0;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 0px !important;
    max-height: 122px;
    overflow: auto;
}

#filtroadmonperf {
    width: 100%;
    padding-left: 15px;
}

#botonsolo {
    width:100%;
    text-align:right;
    padding-right: 15px;
}

.altura20px {
    height: 20px;
}

.margenaba45 {
    margin-bottom: 45px !important;
}

#filtroadmonperf .btn-lista-panel {
    margin: 0px 0px 0px 5px;
}

@media (max-width:1024px) {

#idcrearperfil {
    margin-bottom:20px;
}

#pestadmonperf .anchonombre {
    min-width: 96px;
    max-width: 96px;
}

#pestadmonperf .areadatospermisos {
    height: 272px;
}

#pestadmonperfvacio .anchonombre {
    min-width: 20px;
    max-width: 84%;
}

}

.paddingizqder15 {
padding: 0px 15px;
}

/** para el componente de fakeloader a pantalla completa con frase dina **/

.txtloader {
    position: absolute;
    top: 52%;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.fakeloader {
    z-index: 10100 !important;
}


/** se ajusta el margen superior del texto en la frase **/

.fraseloader {
    display: inline-block;
    width: 50%;
    padding-right: 24px;
    margin-top: 60px;
}

/** filtros admon tutoriales **/

.alineaverarri {
vertical-align: top;
}

.margenarri18 {
    margin-top:18px !important;
}

/** crear/actualizar tutoriales **/

.paddingder15 {
    padding-right: 15px !important;
}

.paddingizq15 {
    padding-left: 15px !important;
}

.paddingizq7 {
    padding-left: 7px !important;
}

.paddingaba5 {
    padding-bottom: 5px !important;
}

.paddingaba6 {
    padding-bottom: 6px !important;
}

.paddingaba50 {
    padding-bottom: 50px !important;
}

.paddingaba15 {
    padding-bottom: 15px !important;
}

.posiabsotop-4 {
    position: absolute;
    top: -4px;
}

.margenarriaba9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

/** estilos genericos pruebas **/

.controjo {
    border:1px solid red;
}

/** para consulta tutoriales **/

.padding4 {
  padding: 4px !important;
}

/** para admon de tutoriales **/

.headertabla {
    white-space: nowrap;
}

/** notificaciones internas campana **/

.ancho350 {
    width: 350px !important;
}

.scrollnotifint {
height:375px;
overflow-x:hidden;
overflow-y:auto
}

#firstDivider {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.footerntf {
    padding: 8px 10px 8px 0px;
    border-top: 1px solid #e1e1e1;
}

.footerntf a {
    color: #939598;
    font-size: 13px !important;
}

.footerntf a:hover {
    text-decoration:underline;
}

.scrollnotifint .glyphicon-user {
    float: left;
    margin: 0px 10px 20px 10px;
    color:#939598;
}

.scrollnotifint a {
    padding: 3px 0px !important;
}

.elementolistantf {
    width: 295px;
    vertical-align: bottom;
    display: inline-block;
}

.fechalistantf {
font-size: 12px;
}

.scrollnotifint .divider {
margin: 9px 0 0 0;
}

.paddingarri9 {
    padding-top: 9px !important;
}

.scrollnotifint .ancho350:hover {
    background-color:#f0f0f0;
}

/** estilos para detalle avance tutorial **/

.paddingaba100 {
    padding-bottom: 100px !important;
}

/** estilos para registro de proyecto **/

.altura34 {
    height:34px !important;
}

.altura54 {
    height:54px !important;
}

.ancho100p {
    width:100%;
    min-width:100%;
    max-width:100%;
}

.rompetxt {
    word-break:break-all;
}

.paddingarriaba5 {
    padding-top:5px;
    padding-bottom:5px;
}

.paddingarri150 {
    padding-top: 150px !important;
}

.paddingarri12 {
    padding-top: 12px !important;
}

/** para consulta de usuarios con nueva modal **/

.areadatospermisos {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid #ddd !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#mUsuarioEmpresa .areadatospermisos {
    height: 300px;
}

#mUsuarioEmpresa .modal-content {
    margin-top:20px;
}

#mUsuarioEmpresa table.dataTable thead th, 
#mUsuarioEmpresa table.dataTable thead td {
    padding: 0px 5px 10px 5px;
}

#mUsuarioEmpresa .modal-body {
    padding: 10px 30px;
}

.ancho155 {
    width: 155px;
}

/** Nueva modal de usr externo con permisos **/

.ancho1004 {
    width: 1004px !important;
    margin: 0px auto;
}

#popeditarusr .modal-content {
    margin-top: 20px;
}

.margenaba25 {
    margin-bottom: 25px !important;
}

.margenarri25 {
    margin-top: 25px !important;
}

.bordegrisabano {
    border:1px solid #cccccc;
    border-bottom:none;
}

#popeditarusr .titulochecks {
    padding: 1px 1px 0px 1px;
}

#popeditarusr .areabloquespermisos {
    margin-bottom: 10px;
    height: 300px;
}

.alinearvertmiddle {
    vertical-align: middle;
}

.cursorliga {
    cursor:pointer;
}

.cursorliga:hover {
    text-decoration:underline;
}

.growl-animated {
z-index: 2050 !important;
}

#ocultaperm {
height:263px;
border:1px solid #cccccc;
text-align:center;
padding-top: 14%;
}

.usrexterno .modal-body {
padding: 0px 15px !important;
}

/** Para crear notificaciones **/

@media (max-width:1024px) {
.font12a1024 {
    font-size:12px;
}
}

/** fix para filtros de crear/actualizar usuario ext **/

.margenarriaba16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.noscrollhor {
    overflow-x:hidden !important;
}

/** para reportes de bancos **/

.mayus {
    text-transform:uppercase;
}

/** para icono de calendario **/

.input-group .input-group-addon {
    height: 30px;
}

/** Nuevos estilos tabla certificados verificadora **/

.ancho52p {
width:52% !important;
}

.ancho24p {
width:24% !important;
}

.sinbordeder {
    border-right:0px !important;
}

.sinbordederizq {
border-right:0px !important;
border-left:0px !important;
}

.sinbordeizq {
    border-left:0px !important;
}

/** estilos bancos **/

.margenarriba-30 {
    margin-top: -30px;
}

/** estilos añadir catego **/

.tabladivbordeabaneg {
    border-bottom: 1px solid #111111;
}

.tabladivbordearrigri {
    border-bottom: 1px solid #dddddd;
    min-height:50px;
    padding:6px 0px;
}

.divalt370scrollv {
    height: 370px;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabladivbordearrigri p {
    margin: 0px;
}

@media (max-width:1024px) {

.tabladivbordearrigri {
min-height: 60px;
}

}

/** para botones de calendarios **/

.alto26 {
    height:26px !important;
}

.bloqueonline {
  display: inline-block !important;
}

.ancho83pto5 {
width:83.5% !important;
}

/** logo en preregistro y registro **/

.logoprereg {
float:right;
margin:-15px -20px;
opacity:0.5;
}

.logoreg {
position:absolute;
top:7px;
right:-8px;
opacity:0.5;
}

.logoprereg img,
.logoreg img {
height:40px;
}

/** estilo tabla motivos rechazo mmolina **/

.bordederizq {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

/** fix bug notificaciones **/

.growl-animated span:nth-child(4) {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

/** fix de boton principal en configuracion **/

.margender105 {
    margin-right: 105px !important;
}

/** dashboard Alex 3 **/

.tooltipGrafica {
    position: absolute;
    left: 55px;
    top: 270px;
    font-weight: bold;
}

.count {
    margin-top: 7px;
}

.paddingizqder5 {
    padding-left:5px !important;
    padding-right:5px !important;
}

.fondotareaspend {
background-image: url(https://style2-d3fgdhd3dvgmeceu.a01.azurefd.net/uiusuarios/Content/themes/base/images/bgdashboard1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position-x: 100px;
height: 425px;
}

.iconografica {
position: absolute;
top: -10px;
left: 20px;
}

/** icono menu generales **/

.ruv-principal {
    background-color: transparent;
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoGeneralesChic.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 16px;
    display: inline-block;
}

.NavbarSideMini-submenu .ruv-principal {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoGeneralesGde_b.png);
    width: 80px;
    height: 67px;
}

.NavbarSideMini-submenu .ruv-principal:hover {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoGeneralesGde_n.png);
}

.NavbarSideMini-submenu:hover > a span.ruv-principal {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoGeneralesGde_n.png);
}

/** fix menu grales interno colapsado **/

.NavbarSideMini-menu .is-centered-b {
top: -192px !important;
}

.margenaba8 {
  margin-bottom: 8px !important;
}

.margenarri0 {
  margin-top: 0px !important;
}

.botverdechic, .botverdechic:focus, .botverdechic:hover {
background-color: #8DC63F !important;
border-color: #83C529 !important;
padding: 2px 4px !important;
color:#fff;
}

hr {
border-color: #ECECEC;
}

.paddingder0 {
    padding-right: 0px !important;
}

.alturamin300 {
min-height:300px !important;
}

.inputsinmargenizq .filtrosusr input[type="text"] {
margin-left: 0px;
}

.paddingarri100 {
padding-top: 100px !important;
}

.ancho12pc-wrdbrkall {
width:12%;
word-break:break-all;
}

.forconfee-linhei20 .form-control-feedback {
line-height: 20px;
}

.fondodisabled {
background-color: #eee !important;
}

.color-rojo {
color:red !important;
}

.paddingarri28 {
    padding-top: 28px !important;
}

.margenarri150 {
    margin-top: 150px !important;
}

.bordeabagris20pc {
    border-bottom: 1px solid #ccc;
}

.altura24 {
    height: 24px;
}

/** icono menu seguro de calidad **/

.ruv-segcalidad {
    background-color: transparent;
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoSegCalidadChic1.gif);
    background-repeat: no-repeat;
    width: 17px;
    height: 13px;
    display: inline-block;
    background-size: 18px;
}

.NavbarSideMini-submenu .ruv-segcalidad {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoSegCalidadGde_b2.png);
    width: 80px;
    height: 47px;
    background-size: 42px;
    background-position: center;
}

.NavbarSideMini-submenu .ruv-segcalidad:hover {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoSegCalidadGde_n2.png);
}

.NavbarSideMini-submenu:hover > a span.ruv-segcalidad {
background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoSegCalidadGde_n2.png);
}

/** fix para menu minimizado de verificacion interno **/

.top-62px {
top: -62px !important;
}

/** fixes para usuario promotor **/

.areaedospromotor {
    height: 140px;
    overflow-y: auto;
    padding: 10px 5px;
    margin: 10px 10px 0px 10px;
    line-height: 22px;
    border: 1px solid silver;
    width: 98.5%;
}

/** icono menu prepago **/

.ruv-prepago {
    background-color: transparent;
    background-image: url("https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoPrepagoChicAzul.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
    display: inline-block;
}

.NavbarSideMini-submenu .ruv-prepago {
    background-image: url("https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoPrepagoGranBlan.png");
    width: 80px;
    height: 57px;
    background-position: center;
}

.NavbarSideMini-submenu:hover > a span.ruv-prepago {
background-image: url("https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoPrepagoGranNegr.png");
}

/** icono menu acuerdos **/

.ruv-sigac {
    background-color: transparent;
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoAcuerdosChicAzul3.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    display: inline-block;
    background-size: 14px;
}

.NavbarSideMini-submenu .ruv-sigac { 
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoAcuerdosGdeBlan1.png);
    width: 80px;
    height: 57px;
    background-size: 36px;
    background-position: center;
}

.NavbarSideMini-submenu .ruv-sigac:hover {
    background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoAcuerdosGdeNegr1.png);
}

.NavbarSideMini-submenu:hover > a span.ruv-sigac {
background-image: url(https://ruvcdncomunsp.blob.core.windows.net/uiusuarios/Content/themes/base/images/IconoAcuerdosGdeNegr1.png);
}

/** icono menu ventanilla **/

.ventanilla {
    background-color: transparent;
    background-image: url(https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/iconazulventanilla15px.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    display: inline-block;
    background-size: 14px;
}

.NavbarSideMini-submenu .ventanilla { 
    background-image: url(https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/iconblanventanilla80px.png);
    width: 80px;
    height: 57px;
    background-size: 68px;
    background-position: center;
}

.NavbarSideMini-submenu .ventanilla:hover {
    background-image: url(https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/iconnegventanilla80px.png);
}

.NavbarSideMini-submenu:hover > a span.ventanilla {
background-image: url(https://ruvcdnsitio.blob.core.windows.net/uiusuarios/Content/themes/base/images/iconnegventanilla80px.png);
}