/**
 * CUSTOM CSS
 *
 * @author jrio
 *
 */

.btn-success, 
.btn-success:hover, 
.btn-success:active, 
.btn-success:visited, 
.btn-success:focus, 
.btn-success:active:focus, 
.btn-success:not(:disabled):not(.disabled):active, 
.btn-success:not(:disabled):not(.disabled).active, 
.show > .btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled):active:focus {
 	color: #fff;
    background-color: #861236;
    border-color: #861236;
    box-shadow: 0 0 0 0 transparent;
 }

.btn-danger, 
.btn-danger:hover, 
.btn-danger:active, 
.btn-danger:visited, 
.btn-danger:focus, 
.btn-danger:active:focus, 
.btn-danger:not(:disabled):not(.disabled):active, 
.btn-danger:not(:disabled):not(.disabled).active, 
.show > .btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled):active:focus { 	
	color: #fff;
    background-color: #861236 ;
    border-color: #861236;
    box-shadow: 0 0 0 0 transparent;
 }

.btn-default, 
.btn-default:hover, 
.btn-default:active, 
.btn-default:visited, 
.btn-default:focus, 
.btn-default:active:focus, 
.btn-default:not(:disabled):not(.disabled):active, 
.btn-default:not(:disabled):not(.disabled).active, 
.show > .btn-default.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active:focus {
 	color: #fff;
    background-color: #861236;
    border-color: #861236;
    box-shadow: 0 0 0 0 transparent;
 }

.btn-primary, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:visited, 
.btn-primary:focus, 
.btn-primary:active:focus, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    color: #fff;
    background-color: #515453;
    border-color: #515453;
	box-shadow: 0 0 0 0 transparent;
}

.navbar-collapse{
	justify-content: flex-end;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #861236;
}

.imageCabecera{
	max-width: 10rem;
    max-height: 60px;
}

#user-grid-clear-filters-btn{
    margin-right: 1rem;
}

 h1, h2, h3, h4 {
 	color: #861236;
 }

 #mandatoNoGenerico {
 	display: none;
 }

 #divBastidor {
 	display: none;
 }

 .imagenApariencia {
    width: 60%;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
 }

 .table td, .table th {
 	padding: .5rem !important;
 }

 .bootstrap-datetimepicker-widget {
 	margin-top: 0;
 	padding-top: 0;
 }

 .pull-right {
 	float: right;
 }


.lte-hide-title{
	margin-bottom: 3rem;
}

a {
	color: black ;
}

.help-block{
	color: #dc3545
}

.navbar-brand{
	width: 10%;
}

.custom-navbar{
	background-color: #f5f5f5!important;
	border-bottom: 1px solid #ddd;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a.dropdown-toggle: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: 8px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: white !important;
    text-decoration: none;
    background-color: #861236;
}

.select2-container {
    width: 100% !important;
}

.select2-selection{
    padding: 8px 0 0 17px !important;
    height: 40px !important;
}



/* Paginado */
ul.pagination li {
    border: 1px solid #515453 !important;
    background-color: #515453 !important;
    border-radius: 5px;
    margin-right: 5px;
    color: white;
}

ul.pagination li.active {
    border: 1px solid #861236 !important;
    background-color: #861236 !important;
}

ul.pagination li.disabled {
    border: 1px solid #dee2e6 !important;
    background-color: #dee2e6 !important;
    color: #515453 !important;
}

ul.pagination li.disabled span {
    padding: 8px;
}

ul.pagination li a {
    padding: 8px;
    color: #FFF;
}

.iconModalOCR{
    font-size: 50px;
    color: #861236;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.color-siga {
    color: #861236;
}

/**Tamaño de botones de las tablas de resultados**/

#mandato-grid .btn i::before,
#compraventa-grid .btn i::before,
#generico-grid .btn i::before {
    font-size: 13px;
}
#mandato-grid a.btn,
#compraventa-grid a.btn,
#generico-grid a.btn {
    width: 31px;
}

/**Icon tipo de mandato en el listado**/
#mandato-grid table td, #mandato-grid table th {
    position:relative;
}

#mandato-grid table td span.fa-4x{
    font-size: 10px;
    left: -0.3rem;
    display: block;
}

#mandato-grid table td span.fa-4x i.fa-stack-1x{
    font-weight: 800;
    font-style: normal;
    font-size: 12px;
    cursor: default;
    text-align: center;
    color: #515453;
    bottom: 1px;
}

#mandato-grid table td span.fa-4x i.fa-stack-2x{
    color: #861236;
}
