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

body {
    color: #555555;
}

.form-control option:hover {
    color: #ffffff !important;
    background: #9900AB !important;
}

.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;
}

button {
    box-sizing: border-box;
}

button:focus {
    border: dotted 1px; 
    background-color: #9900AB;
}

.calendario{
    padding-left: 0;
}

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

.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%;
}

.contenido-pestanya {
    padding: 20px;
}

.fake-tabindex {
    color: #555555;
}

.fake-tabindex:hover {
    color: #555555;
    text-decoration: none;
}

.fake-tabindex-grid {
    color: #555555;
}

.fake-tabindex-grid:hover {
    color: #555555;
    text-decoration: none;
}

.form-control {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #9900AB;
    border-radius: 0;
    box-shadow: none;
    color: #01478C;
    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[type="checkbox"] {
    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;
}

.input-box legend {
    font-size: 14px;
}
.in-form-btn {
    background-color: #bbbbbb;
    border: medium none;
    border-radius: 10%;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 7px;
    transition: background-color .5s;
}

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

.label-checkbox{
    display: inline !important;
}

.list tr.highlighted-li {
    background-color: #f9c4ff;
}

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

.modal-dialog {
    width: 800px;
}

.modal-title {
    font-size: 18px;
}

.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;
}

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

.pagination > .disabled > a {
    color: #01478C;
}

.page-title {
    background-color: #ffffff;
    color: #555;
    font-size: 20px;
    margin: 0;
    padding: 10px;
    border: 2px solid #bbb;
}

#tabs {
    clear: both;
}

#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;
}

.tab-content h2 {
    font-size: 16px;
}

.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Ú ***********************************************************************/

.collapsing {
    display:none;
}

#main-menu {
    padding: 0;
}

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

#main-menu a:focus {
    color: #ffffff;
}
.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;
}

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

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

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

#submenu.navbar-default li:hover {
    background-color: #e924ff !important;
}


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

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

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

.list td,
.list-header th {
    border: 4px solid #ffffff;
}

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

.list tr:hover {
    background-color: #f0d1f3;
}
/*.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;
}*/

.tabla_busqueda{
    margin: 0 auto;
}


.sort{
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    background-color: #01478c;
    height:30px;
}
.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;
}
.sort:hover {
    text-decoration: none;
    background-color:#1b8aba;
}
.sort:focus {
    outline:none;
}

.asterisco{
    font-size: 100%;
    color: #9900AB;

}

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

#titulo-aplicacion {
    font-size: 12px;
    float: right;
    text-align: center;
}

.option {
    color: #01478C !important;
    background-color: #01478C !important;

}

.documentacion input[type="file"],
.documentacion2 input[type="file"] {
    display: none;
}

.documentacion2 {
    width: 150px;
    display: inline-block !important;
}

.documentacion {
    border: 1px solid #CCC;
    display: inline-block;
    padding: 3px 6px;
    cursor: pointer;
}

.parametros-campos label{
    display: inline-block;
    width: 25%;
}

.parametros-campos input {
    width: 49% !important;
    box-sizing: border-box;
}

#info {
    text-align: center;
}

[readonly='readonly'] {
    pointer-events: none;
}

.ayuda-formulario {
    float: left;
    background-color: transparent;
    color: #01478C;
    font-size: 16px;
}

/*
Si se ponen en una misma línea, aparentemente no funciona y no cumple AAA contraste (WAVE)
*/
.ayuda-formulario:hover {
    background-color: transparent;
    color: #01478C;
    font-size: 16px;
}

.ayuda-formulario:visited {
    background-color: transparent;
    color: #01478C;
    font-size: 16px;
}

.ayuda-formulario:link {
    background-color: transparent;
    color: #01478C;
    font-size: 16px; 
}

.titulo-pestanya {
    font-size: 14px;
}

textarea {
    resize: vertical;
}

.h3-conexcontable {
    font-size: 16px;
    padding: 10px 0;
}

.hr-ayuda {
    width: 130px ;
    margin-left: 0;
    margin-top: 40px;
    border-width: 1px;
    border-color: #030303;
    border-top: 1px solid #eee;
}

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

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

/* 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) { 
}