/* ALL ************************************************************************/

.accion {
    text-transform: capitalize;
}

.anyadir {
    background-color: #bbbbbb;
    transition: background-color .5s;
}

.anyadir:hover {
    background-color: #9900AB;
}

body {
    color: #555555;
}

#bodyContent {
    display:none;
    height: 100%;
}

.btn-custom {
    border: none;
    border-radius: 0;
    color: #ffffff;
    float: right;
    margin-left: 8px;
    transition: background-color .5s;
}

.btn-custom-blue {
    background-color: #01478c;
}

.btn-custom-red {
    background-color: #da3700;
}

.btn-custom:hover {
    background-color: #9900AB;
    color: #ffffff;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.buttons-area {
    background-color: #bbbbbb;
    clear: both;
    margin: 20px;
    padding: 20px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.col-permisos {
    float: left;
    padding: 25px 12px;
}

.col-permisos h5 {
    background-color: #222222;
    color: #ffffff;
    padding: 5px;
    width: 200px;
}

.col-permisos li {
    transition: background-color .25s;
}

.col-permisos li:hover {
    background-color: #ededed;
    cursor: move;
}

.col-permisos ul {
    background-color: #cccccc;
    min-height: 25px;
    min-width: 200px;
    padding: 10px;
    list-style-position: inside;
    list-style-type: square;
}

.current-field {
    background-color: #ededed;
}

.datagrid {
    width: 100% !important;
    border-spacing: 0px !important;
}

.entity-form-left,
.entity-form-right {
    padding: 30px 0px 30px 40px;
}

.entity-form-left label,
.entity-form-right label {
    display: block;
}

.entity-form-left .form-control,
.entity-form-right .form-control {
    display: inline-block;
    width: 70%;
}

#filtros-activos.table-bordered,
#filtros-activos.table-bordered td,
#filtros-activos.table-bordered th {
    border-color: #555555;
}

#filtros-activos.table-striped {
    background-color: #cccccc;
}

.form-control {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #9900AB;
    border-radius: 0;
    box-shadow: none;
    color: #0163c5;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    text-shadow: 1px 1px #ffffff;
    transition: background-color 1s;
}

.form-control:hover {
    background-color: #f9c4ff;
}

.form-control:focus {
    background-color: #f9c4ff;
    border-color: #ffffff;
    box-shadow: none;

}

input {
    width: 100%;
}

input[type="radio"] {
    width: 5%;
}

.input-box {
    border-bottom: 1px solid #9900AB;
    height: 34px;
    line-height: 34px;
    text-align: center;
    transition: background-color 1s;
    width: 70%;
}

.input-box:hover {
    background-color: #f9c4ff;
}

.in-form-btn {
    background-color: #bbbbbb;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    padding: 3px 7px;
    transition: background-color .5s;
}

.in-form-btn:hover {
    background-color: #9900AB;
}

#lista_documentos {
    
}

#lista-tablas li,
#lista-campos li,
#lista-valores li {
    cursor: pointer;
}

.modal-content {
    border-radius: 0px;
}

.modal-dialog {
    max-width: 700px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: none;
    color: #9900AB;
    font-weight: bold;
}

.page-title {
    background-color: #bbbbbb;
    color: #ffffff;
    margin: 0 20px;
    padding: 10px;
}

.pagination li {
    border-bottom: inherit;
    padding: 0px;
}

#password-generator-form {
    margin-top: 25px;
}

#password-success,
#password-unsuccess {
    display: none;
}

.registro-activo {
    color: #9900AB;
}

#tabs.nav-tabs li {
    background-color: #ffffff !important;
}

#tabs.nav-tabs li > a {
    border-bottom: none;
}

.tab-content {
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
}

#tNotas {
    max-width: 392px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #9900AB;
} 

.tooltip-inner {
    background-color: #9900AB;
    padding: 10px;
}

ul {
    padding: 0;
}

/* HEADER *********************************************************************/

header {
    padding: 30px 0 15px;
}

header .container {
    border-bottom: 2px solid #9900AB;
    padding-bottom: 10px;     
}

#header-left {
    float: left;
}

#header-right {
    float: right;
    padding-top: 1em;
}

#header-left img, #header-right img {
    width: 100%;
}

/* MENÚ ***********************************************************************/

#admin-menu .active > a {
    color: #ffffff;
    background-color: #e924ff;
}

.collapsing {
    display:none;
}

#main-menu .active > a {
    color: #ffffff;
    background-color: #9900AB;
}

.navbar {
    margin-bottom:-1px;
    border-radius:0;
}

.navbar-default, .navbar-nav li  {
    background-color: #01478c !important;
    border: none;
}

.navbar-nav li:hover {
    background-color: #9900AB !important;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
    color: #ffffff !important;
    background-color: #9900AB !important;
}

.navbar-default .navbar-toggle {
    border: 2px solid #ffffff; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: #bbbbbb;
}

/* ADMIN-MENU *****************************************************************/

#admin-menu.navbar-default {
    background-color: #9900AB !important;
    border-top: 1px solid #ffffff;
    margin-bottom:20px;
}

#admin-menu.navbar-default li {
    background-color: #9900AB !important;
}

#admin-menu.navbar-default li:hover,
#admin-menu.navbar-default a:hover {
    background-color: #e924ff !important;
}

#admin-menu .navbar-nav {
    float: right;
}

/* FOOTER *********************************************************************/

footer {
    border-top: 1px solid #133d55;
    margin-top: 10em;
    text-align: center;
}

/* LIST ***********************************************************************/
td {
    margin: 2px;
    padding:10px; 
}

td.registro {
    color: #bbbbbb;
    cursor: pointer;
}

td.registro:hover {
    color: #9900AB;
}

.list td{
    border: 4px solid #ffffff;
}

.list tr {
    background-color: #f8f8f8;
}

.list tr:hover {
    background-color: #f0d1f3;
}

.pagination .active {
    background-color: #01478c;
    border-radius: 0;
}

.sort {
    padding:8px 10px;
    margin-right: 10px; 
    border:none;
    display:inline-block;
    color:#fff;
    text-decoration: none;
    background-color: #9900AB;
    height:30px;
}
.sort:hover {
    text-decoration: none;
    background-color:#1b8aba;
}
.sort:focus {
    outline:none;
}
.sort:after {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}
.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content:"";
    position: relative;
    top:4px;
    right:-5px;
}
.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content:"";
    position: relative;
    top:-4px;
    right:-5px;
}

th button {
    width: 100%;
}


/* MEDIA QUERIES **************************************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 500px) {

    /* se hacen los botones de los formularios "full  width" */
    .buttons-area .btn {
        margin: 6px auto;
        padding: 15px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #admin-menu ul {
        float: none !important;
        margin: 10px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    /* Se muestra el menú para desktop */
    #desktop-menu {
        display: block;
    }

    /* Se oculta el menú para dispositivos pequeños */
    #small-devices-menu {
        display: none;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}



.asterisco{
    font-size: 150%;
    color: red;
}

.requerido {
    box-shadow: 0px 0px 3px red !important;
}