/*BOOTSTRAP DROPDOWN*/

span.dropdown {
    display: inline-block;
}

.dropdown .dropdown-menu {
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    border: 1px solid rgba(0, 0, 0, .05);
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
    transform: scaleY(1);
}

.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    padding: 0;
}

.dropdown-menu>li>a,
.dropdown-menu>li>button {
    padding: 16px;
    font-weight: 300;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: none;
}

.dropdown .dropdown-toggle {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}


/*BOOTSTRAP MODAL*/

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

.modal .close {
    opacity: 1;
    filter: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 0;
    padding: 16px;
    position: relative;
    right: -16px;
    top: -16px;
    z-index: 9;
    transition: opacity .3s;
}

.modal .close:hover {
    opacity: .7;
}

.modal-header>*:not(.close) {
    padding: 0;
    margin: 0;
    position: relative;
    top: -2px;
    padding-right: 24px;
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #ff3e17;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 40px;
    padding-bottom: 100px;
}

.modal-header {
    border: none;
    padding-bottom: 0;
}

.modal-footer {
    border: none;
    padding-top: 0;
}

.modal.lg .modal-dialog {
    width: calc(100% - 40px);
    max-width: 900px;
    margin: 10px auto;
}

.modal.sm .modal-dialog {
    width: calc(100% - 40px);
    max-width: 400px;
    margin: 10px auto;
}

.dialog-body {
    width: 100%;
    height: -webkit-fill-available;
    min-height: 600px;
}

.modal-dialogDP {
    width: inherit;
    height: max-content;
}

@media (max-width:600px) {
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 16px;
    }
    #testTable {
        font-size: 12px;
    }
}


/*BOOTSTRAP DATETIME PICKER*/

.bootstrap-datetimepicker-widget table {
    table-layout: fixed;
}

.bootstrap-datetimepicker-widget table th {
    text-align: center;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 106px;
}

.dateTimeIcon {
    display: inline-block;
    width: 20px;
    text-align: center;
    line-height: 0;
    vertical-align: middle;
}

.dateTimeIcon:after {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    position: relative;
    background: no-repeat center center;
}

.dateTimeIcon.prev:after {
    background-image: url(../img/chevron_l.svg);
}

.dateTimeIcon.next:after {
    background-image: url(../img/chevron_r.svg);
    left: auto;
    right: 0;
}

.dateTimeIcon.up:after {}

.dateTimeIcon.down:after {}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #ff3e17;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #ff3e17;
    border-top-color: transparent;
}


/*BOOTSTRAP PAGINATION*/

.pagination {
    margin: 0;
}

.pagination>li {
    margin-right: 4px;
    display: inline-block;
}

.text-right>.pagination>li {
    margin-right: 0;
    margin-left: 4px;
}

.pagination>li>a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 13px 8px;
    min-width: 40px;
    min-height: 40px;
    background-color: #e6e6e6;
    color: #595a5c;
    transition: all .3s;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    opacity: .7;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #595a5c;
    color: #fff;
    opacity: 1;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    opacity: .5;
}

.pagination>.first>a,
.pagination>.first>span,
.pagination>.last>a,
.pagination>.last>span,
.pagination>.previous>a,
.pagination>.previous>span,
.pagination>.next>a,
.pagination>.next>span,
.pagination>.first>a:hover,
.pagination>.first>span:hover,
.pagination>.last>a:hover,
.pagination>.last>span:hover,
.pagination>.previous>a:hover,
.pagination>.previous>span:hover,
.pagination>.next>a:hover,
.pagination>.next>span:hover,
.pagination>.first>a:focus,
.pagination>.first>span:focus,
.pagination>.last>a:focus,
.pagination>.last>span:focus,
.pagination>.previous>a:focus,
.pagination>.previous>span:focus,
.pagination>.next>a:focus,
.pagination>.next>span:focus {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.pagination>.first>a,
.pagination>.first>span {
    background-image: url(../img/first.svg);
}

.pagination>.last>a,
.pagination>.last>span {
    background-image: url(../img/last.svg);
}

.pagination>.previous>a,
.pagination>.previous>span {
    background-image: url(../img/prev.svg);
}

.pagination>.next>a,
.pagination>.next>span {
    background-image: url(../img/next.svg);
}


/*DROPZONE*/

.dropzone {
    min-height: 72px;
    border: 2px solid #ccc;
    padding: 8px;
    position: sticky;
}

.dz-default.dz-message {
    font-size: 15px;
    font-weight: 500;
    color: #ccc;
    font-style: italic;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    line-height: 1.2;
    padding: 0 8px;
}

.dropzone .dz-preview {
    min-height: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    top: 2px;
}

.dropzone .dz-preview .dz-image,
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: url(../img/doc.svg) no-repeat center center;
}

.dropzone .dz-preview .dz-details {
    font-size: 13px;
    padding: 0;
    color: rgba(0, 0, 0, 0.9);
    line-height: 1.2;
    position: relative;
    opacity: 1;
    display: inline-block;
    width: calc(100% - 88px);
    min-width: 0;
    max-width: 100%;
    text-align: left;
    vertical-align: middle;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 12px;
    margin: 0;
}

.dropzone .dz-preview:hover .dz-image img {
    filter: none;
    transform: none;
}

.dropzone .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-remove {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(../img/close_xs.svg) no-repeat center center;
    font-size: 0;
    transition: opacity .3s;
}

.dropzone .dz-preview .dz-remove:hover {
    opacity: .8;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-filename:hover span,
.dropzone .dz-preview .dz-details .dz-filename:focus span {
    border-color: transparent;
    padding: 0 4px;
}

.dropzone.lg {
    min-height: 86px;
}

.dropzone.lg .dz-preview {
    top: 9px;
}


/*HOME: Bloque Inicial*/

.homeIntro {
    background: url(../img/bg1.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

.homeIntro .text {
    max-width: 900px;
    margin: 0 auto;
    padding: 96px 16px 0;
    font-size: 21px;
}

.homeIntro h2 {
    margin-block-start: 0;
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 64px;
    margin-bottom: 48px;
}

.homeIntro .img {
    padding: 56px 0 0;
    position: relative;
    overflow: hidden;
}

.homeIntro .img:before {
    content: "";
    display: block;
    width: 100%;
    height: 144px;
    background: #ccc url(../img/people_bg_noshadow.png) no-repeat bottom center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 32px rgba(0, 0, 0, .4)
}

.homeIntro .img img {
    position: relative;
    z-index: 1;
}

.homeIntro .buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(50%);
    z-index: 1;
}

.homeIntro .buttons .button {
    margin: 14px;
}

@media (max-width:600px) {
    .homeIntro {
        margin-bottom: 24px;
    }
    .homeIntro .text {
        padding-top: 24px;
        font-size: 17px;
    }
    .homeIntro h2 {
        font-size: 48px;
        margin-bottom: 16px;
    }
    .homeIntro .img {
        padding-top: 0;
    }
    .homeIntro .img:before {
        bottom: -64px;
    }
    .homeIntro .img img {
        padding: 0 48px;
    }
    .homeIntro .buttons {
        position: relative;
        transform: none;
        background: #f1f1f2;
    }
    .homeIntro .buttons .button {
        display: block;
        margin: 0 16px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .homeIntro .buttons .button:last-child {
        position: relative;
        top: 16px;
    }
}

@keyframes homeIntroBg {
    0% {
        background-position: center -200px;
        opacity: 0;
    }
    100% {
        background-position: center 0;
        opacity: 1;
    }
}

.homeIntro {
    animation: homeIntroBg .5s ease-out .1s backwards;
}

@keyframes homeIntroText {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.homeIntro .text {
    animation: homeIntroText .2s ease-out .5s backwards;
}

@keyframes homeIntroImg {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.homeIntro .img {
    animation: homeIntroImg .2s ease-out .5s backwards;
}

@keyframes homeIntroButtons {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.homeIntro .button {
    animation: homeIntroButtons .4s ease-out .7s backwards;
}

.homeIntro .button:last-child {
    animation-delay: .8s;
}


/*-ms-animation:none;*/


/*por si peta o se atranca algo en IE (añadir a cada uno)*/


/*HOME: 3 Columnas*/

.homeThreeCols {
    text-align: center;
}

.homeThreeCols>* {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding: 0 24px;
}

.homeThreeCols h3 {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 28px;
    color: #ff3e17;
}

.homeThreeCols p {
    font-size: 14px;
}

@media (max-width:767px) {
    .homeThreeCols>* {
        display: block;
        width: 100%;
        padding: 8px 0;
    }
    .homeThreeCols h3 {
        margin-top: 8px;
    }
}


/*ALTA CALDERA*/

.twoSectionsCols {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.twoSectionsCols>* {
    display: table-cell;
    vertical-align: top;
}

.twoSectionsCols>*:first-child {
    padding-right: 64px;
}

.twoSectionsCols>*:last-child {
    padding-left: 64px;
    border-left: 2px solid #ccc;
}

.twoSectionsCols.noLine>*:last-child {
    border: none;
    padding-left: 0;
}

.twoSectionsCols>*.narrowCol {
    width: 360px;
}

.twoSectionsCols .pageHeader h2:last-child {
    margin-bottom: 28px;
}

.twoSectionsCols .pageHeader {
    border-bottom: 1px solid transparent;
}

.twoSectionsCols>*.narrowCol.wPagination {
    position: relative;
    padding-bottom: 120px;
    overflow: hidden;
}

.twoSectionsCols>*.narrowCol.wPagination .pagination {
    position: absolute;
    bottom: 0;
    right: 0;
}

.twoSectionsCols>*.narrowCol.wPagination .pagination>li {
    margin-right: 0;
    margin-left: 4px;
}

@media (max-width:991px) {
    .twoSectionsCols,
    .twoSectionsCols>*:nth-child(n)[class] {
        display: block;
        padding: 0;
        border: none;
        width: 100%;
    }
    .twoSectionsCols>*:last-child {
        margin-top: 100px;
    }
    .twoSectionsCols>*.narrowCol.wPagination .pagination {
        position: relative;
        float: right;
        margin-top: 72px;
        text-align: right;
    }
}


/*NOTICIAS*/

.news .post {
    display: block;
}

.news a {
    display: block;
    transition: opacity .3s;
}

.news a:hover {
    opacity: .8;
    text-decoration: none;
}

.news:not(.full) .post+.post {
    margin-top: 72px;
}

.news .post .pic {
    padding-top: 50%;
    background-position: center center;
    background-size: cover;
    margin-bottom: 24px;
}

.news .post .title {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #ff3e17;
    line-height: 1;
}

.news .post .desc {
    font-size: 15px;
    font-weight: 500;
    color: #7d7d7d;
    margin-top: 8px;
}

.news.full {
    font-size: 0;
}

.news.full>* {
    display: inline-block;
    vertical-align: top;
    margin: 0 80px 80px 0;
    width: calc(33.333% - 60px);
    position: relative;
}

.news.full>*:nth-child(3n+3) {
    margin-right: 0;
}

.news .post .date {
    font-size: 14px;
    color: #7a7a7a;
}

.news.full .title {
    max-height: 72px;
    position: relative;
    overflow: hidden;
}

.news.full .desc {
    max-height: 90px;
    position: relative;
    overflow: hidden;
}

@media (max-width:990px) {
    .news.full>*:nth-child(n) {
        margin: 0 32px 56px 0;
        width: calc(50% - 16px);
    }
    .news.full>*:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width:600px) {
    .news.full>*:nth-child(n) {
        margin: 0 0 56px 0;
        width: 100%
    }
}


/*VARIOS*/

.result {
    text-align: center;
    padding: 32px 0;
}

.result img {
    height: 32px;
    max-width: auto;
}

.result h2 {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 35px;
}


/**/

.pageHeader {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 96px;
    display: table;
    width: 100%;
    position: relative;
}

.pageHeader.closer {
    margin-bottom: 48px;
}

.pageHeader h2,
.pageHeader h3 {
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.pageHeader h2 {
    font-size: 48px;
    color: #ff3e17;
}

.pageHeader h3 {
    font-size: 24px;
    color: #7d7d7d;
    margin-top: 2px;
}

.pageHeader>div {
    display: table-cell;
    ;
    vertical-align: top;
}

.pageHeader>div:first-child {
    padding-right: 8px;
}

.pageHeader>div:last-child {
    text-align: right;
    padding-left: 8px;
    padding-top: 8px;
}

.pageHeader>div:not(:first-child):not(:last-child) {
    text-align: center;
}

.loyaltySummary {
    border: 1px solid #ccc;
    display: table;
    margin: 0 auto;
    font-family: 'Univers', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    position: relative;
    top: 8px;
    color: #595a5c;
    transition: opacity .3s;
}

.loyaltySummary:hover,
.loyaltySummary:focus {
    color: #595a5c;
    opacity: .7;
}

.loyaltySummary>div {
    display: table-cell;
    padding: 6px 6px 4px;
    line-height: 1;
    vertical-align: middle;
}

.loyaltySummary .info {
    border-right: 1px solid #ccc;
    text-align: left;
}

.loyaltySummary .total {
    font-size: 15px;
}

.loyaltySummary .total span {
    color: #ff3e17;
}

.loyaltySummary .date {
    color: #aaa;
    font-size: 13px;
    margin-top: 2px;
}

.loyaltySummary .graphics {
    padding: 11px 6px 15px;
}

.loyaltySummary .graphics>span {
    display: inline-block;
    vertical-align: middle;
}

.loyaltySummary .graphics .medal {
    width: 12px;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.loyaltySummary .graphics .medal.platinum {
    width: 17px;
    margin-top: -4px;
    margin-right: 1px;
}

.loyaltySummary .graphics .bar {
    width: 140px;
    height: 4px;
    background: #e6e6e6;
}

.loyaltySummary .graphics .bar .reached {
    background: #ff3e17;
    width: 0%;
    min-width: 1px;
    height: 4px;
}

.loyaltySummary .myBoilers {
    margin-top: 4px;
    font-weight: 700;
}

@media (max-width:990px) {
    .loyaltySummary .total {
        font-size: 14px;
    }
    .loyaltySummary .graphics .bar {
        width: 80px;
    }
}

@media (max-width:767px) {
    .pageHeader.wLoyalty {
        margin-bottom: 150px;
    }
    .loyaltySummary {
        position: absolute;
        top: 90px;
        left: 0;
    }
    .loyaltySummary,
    .loyaltySummary>div {
        display: block;
        width: 100%;
    }
    .loyaltySummary>.info {
        border-right: none;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }
    .loyaltySummary .graphics .bar {
        width: calc(100% - 100px)
    }
}

@media (min-width:1200px) {
    .pageHeader.wLoyalty.forTwoSectionsCols>*:first-child {
        width: 360px;
    }
    .pageHeader.wLoyalty.forTwoSectionsCols>*:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
    }
    .pageHeader.wLoyalty.forTwoSectionsCols>*:nth-child(2) .loyaltySummary {
        margin: 0;
    }
}


/**/

#loginModal h2 img {
    max-width: 108px;
}

#loginModal input {
    font-size: 21px;
}

.recoverLinks {
    font-size: 17px;
    font-weight: 500;
    color: #7d7d7d;
    text-align: right;
}

.recoverLinks span span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px 0;
    margin: 0 16px;
    cursor: pointer;
}

.recoverLinks span span:last-child {
    margin-right: 0;
}


/**/

.registerCopyBlock {
    position: relative;
}

.registerCopyArrow {
    position: absolute;
    top: 150px;
    left: calc(50% - 16px);
    cursor: pointer;
    transition: opacity .3s;
}

.registerCopyArrow:hover {
    opacity: .8;
}

@media (max-width:767px) {
    .registerCopyArrow {
        display: none;
    }
}


/**/

.legalBlock {
    color: #7d7d7d;
    font-size: 15px;
}

.legalBlock h4 {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 40px;
}

.legalBlock p {
    text-align: justify;
}

.legalBlock legend {
    font-size: inherit;
    color: inherit;
    border: none;
    margin: 0;
    font-family: inherit;
    display: inline-block;
    width: auto;
    float: left;
    padding-top: 6px;
    margin-right: 32px;
}

.legalBlock legend+span {
    display: inline-block;
    margin-top: 4px;
}


/*DATATABLES*/

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin: 0;
}

.dataTables_wrapper>.row:first-child {
    display: none;
    /*Quiar si quieres usar el "mostrar: 10" y "buscar" propios de datatables*/
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable {
    font-size: 15px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: none;
    padding: 16px;
    vertical-align: middle;
    line-height: 1.2;
}

table.dataTable th {
    font-weight: 700;
    white-space: nowrap;
}

table.dataTable td {
    color: #7d7d7d;
}

table.dataTable a {
    color: #7d7d7d;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
    padding-top: 12px;
    font-weight: 500;
    color: #7d7d7d;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: none;
}

.table-striped th,
.table-striped tr:nth-child(even) {
    background: #f7f7f7
}

.dataTables_wrapper .pagination>li>a,
.dataTables_wrapper .pagination>li>a:focus,
.dataTables_wrapper .pagination>li>a:hover,
.dataTables_wrapper .pagination>li>span,
.dataTables_wrapper .pagination>li>span:focus,
.dataTables_wrapper .pagination>li>span:hover,
.dataTables_wrapper .pagination>.disabled>a,
.dataTables_wrapper .pagination>.disabled>a:focus,
.dataTables_wrapper .pagination>.disabled>a:hover,
.dataTables_wrapper .pagination>.disabled>span,
.dataTables_wrapper .pagination>.disabled>span:focus,
.dataTables_wrapper .pagination>.disabled>span:hover {
    background-color: transparent;
    color: #7d7d7d;
}

.dataTables_wrapper .pagination>.active>a,
.dataTables_wrapper .pagination>.active>a:focus,
.dataTables_wrapper .pagination>.active>a:hover,
.dataTables_wrapper .pagination>.active>span,
.dataTables_wrapper .pagination>.active>span:focus,
.dataTables_wrapper .pagination>.active>span:hover {
    color: #595a5c;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .pagination>li {
        margin: 2px;
    }
    .dataTables_wrapper .row:nth-child(3) .col-sm-5,
    .dataTables_wrapper .row:nth-child(3) .col-sm-7 {
        padding: 0;
    }
    .dataTables_wrapper .row:nth-child(3) .col-sm-5>*,
    .dataTables_wrapper .row:nth-child(3) .col-sm-7>* {
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_info {
        padding-left: 16px;
    }
}


/*LISTA DE DATOS*/



.dataList,
.dataList>li,
.dataList>li>* {
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    line-height: 1.2;
}

.dataList>li .name {
    font-size: 15px;
    color: #7d7d7d;
}

.dataList>li .value {
    font-size: 17px;
    color: #595a5c;
    margin-top: 2px;
}

.dataList>li .value .desc {
    font-size: 15px;
    display: block;
    margin-top: 2px;
}

.dataList>li:not(:last-child) {
    padding-bottom: 32px;
}

.dataList a {
    color: inherit;
}

.editDataList,
.editDataList>li,
.editDataList>li {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1.5rem;
    vertical-align: top;
    line-height: 1.2;
}

.editDataList>li {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 1.5rem;
}

.editDataList>li .name {
    font-size: 15px;
    color: #7d7d7d;
}

.editDataList>li .value {
    font-size: 17px;
    color: #595a5c;
    margin-top: 2px;
}

.editDataList>li .value .desc {
    font-size: 15px;
    display: block;
    margin-top: 2px;
}

.editDataList a {
    color: inherit;
}

.manuallyAligned li {
    width: 15rem;
}

/*BLOQUES*/

.block {
    margin-bottom: 48px;
}

.block>legend {
    padding-left: 1rem;
}

.histoDocDocs {
    display: flex;
    flex-wrap: wrap;
}

.histoDocDocs>div {
    display: flex;
    flex-direction: column;
    margin: 0 1.5rem;
}

*:not(.row)>*:not([class^="col-"])>.block:last-child,
.row:last-child>[class^="col-"]:last-child>.block:last-child {
    margin-bottom: 0;
}

@media (min-width:1200px) {
    .row:last-child>[class^="col-lg"]:not(.col-lg-12)>.block:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:992px) {
    .row:last-child>[class^="col-md"]:not(.col-md-12)>.block:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:768px) {
    .row:last-child>[class^="col-sm"]:not(.col-sm-12)>.block:last-child {
        margin-bottom: 0;
    }
}

@media (min-width:480px) {
    .row:last-child>[class^="col-xs"]:not(.col-xs-12)>.block:last-child {
        margin-bottom: 0;
    }
}


/*LEYENDA MEDALLAS*/

.loyaltyLegend {
    display: table;
    line-height: 1.2;
    margin-top: -40px;
}

.loyaltyLegend .medal {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 32px;
    background: url(../img/medal_bronze.svg) no-repeat left bottom;
    padding-top: 24px;
}

.loyaltyLegend .medal.silver {
    background-image: url(../img/medal_silver.svg);
}

.loyaltyLegend .medal.gold {
    background-image: url(../img/medal_gold.svg);
}

.loyaltyLegend .medal.platinum {
    background-image: url(../img/medal_platinum.svg);
    padding-left: 37px;
}

.loyaltyLegend .medal:not(:last-child) {
    padding-right: 24px;
}

.loyaltyLegend .medal .title {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #ed9d5d;
}

.loyaltyLegend .medal.silver .title {
    color: #b5baa4;
}

.loyaltyLegend .medal.gold .title {
    color: #ffb600;
}

.loyaltyLegend .medal.platinum .title {
    color: #a4bab8
}

.loyaltyLegend .medal .number {
    white-space: nowrap;
    font-size: 15px;
}

.loyaltyLegend .medal .title,
.loyaltyLegend .medal .number {
    position: relative;
    top: 4px;
}

.loyaltyLegend .medal .current {
    border-bottom: 2px solid #7d7d7d;
    color: #7d7d7d;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width:1200px) {
    .loyaltyLegend {
        line-height: 1.1;
    }
    .loyaltyLegend .medal:not(:last-child) {
        padding-right: 16px;
    }
    .loyaltyLegend .medal .number {
        font-size: 12px;
        font-weight: 500;
    }
    .loyaltyLegend .medal .title,
    .loyaltyLegend .medal .number {
        top: 0;
    }
}

@media (max-width:767px) {
    .loyaltyLegend {
        display: block;
        font-size: 0;
    }
    .loyaltyLegend .medal {
        display: inline-block;
        width: 50%;
    }
    .loyaltyLegend .medal .number {
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .loyaltyLegend .medal.platinum {
        position: relative;
        left: -5px;
    }
}


/*PREMIOS*/

.loyaltyLegend+.loyaltyRewards {
    margin-top: 40px;
    margin-top: 60px;
}

.loyaltyRewards {
    font-size: 0;
}

.loyaltyRewards .reward {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 48px;
    margin-right: 48px;
    width: calc(33.3333% - 32px);
}

.loyaltyRewards .reward[data-toggle="modal"] {
    cursor: pointer;
}

.loyaltyRewards .reward.disabled {
    opacity: .5;
    cursor: default;
}

.loyaltyRewards .reward:nth-child(3n+3) {
    margin-right: 0;
}

.loyaltyRewards .reward .pic {
    padding-top: 75%;
    background: #eee url(../img/img_placeholder.svg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 8px;
}

.loyaltyRewards .reward .title {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22.1px;
    color: #7d7d7d;
    line-height: 1;
    height: 22px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: .1px
}

.loyaltyRewards .reward .desc {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 8px;
    color: #7d7d7d;
    height: 48px;
    position: relative;
    overflow: hidden;
}

.loyaltyRewards .cost {
    display: table;
    width: 100%;
    margin-top: 4px;
}

.loyaltyRewards .cost>* {
    display: table-cell;
    vertical-align: middle;
}

.loyaltyRewards .rank {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: right;
    text-transform: uppercase;
    color: #ed9d5d;
}

.loyaltyRewards .rank.silver {
    color: #b5baa4;
}

.loyaltyRewards .rank.gold {
    color: #ffb600;
}

.loyaltyRewards .rank.platinum {
    color: #a4bab8;
}

.loyaltyRewards .price {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #ff3e17;
}

.loyaltyRewards .actions,
.news .actions {
    font-size: 0;
    width: 96px;
    margin: 0 auto;
}

.loyaltyRewards .actions>*,
.news .actions>* {
    background: #f5f5f5;
    display: inline-block;
    width: 48px;
    padding: 14px 0;
    text-align: center;
    transition: opacity .3s;
}

.loyaltyRewards .actions>*:hover,
.news .actions>*:hover {
    opacity: .6;
}

.loyaltyRewards .actions:before,
.news .actions:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #f5f5f5;
    position: relative;
    left: 38px;
}

@media (max-width:1200px) {
    .loyaltyRewards .reward:nth-child(n) {
        margin-right: 48px;
        width: calc(50% - 24px);
    }
    .loyaltyRewards .reward:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width:600px) {
    .loyaltyRewards .reward:nth-child(n) {
        margin-right: 0;
        width: 100%;
    }
    .loyaltyRewards .reward .title {
        height: auto;
        white-space: normal;
    }
}


/*ACCIONES EN LOTE*/

.batchActions {
    margin-bottom: 40px;
    display: table;
    width: 100%;
}

.batchActions>* {
    display: table-cell;
    vertical-align: middle;
}

.batchActions>*:first-child {
    font-size: 16px;
    color: #7d7d7d;
    background: #f7f7f7;
    line-height: 1.1;
    padding: 0 8px;
    border-right: 8px solid #fff;
}

.batchActions>*:last-child {
    white-space: nowrap;
    width: 1%;
}

.batchActions .button img {
    max-width: initial;
    /*Si no, no se calcula bien el ancho de las celdas*/
}


/*AJUSTES DROPDOWN RECHAZAR*/

.table-responsive {
    overflow-y: hidden;
    /*Para que no haga scroll al sacar el menú*/
}

.dataTables_wrapper .dropdown {
    display: inline-block;
    /*Para que no salte la línea*/
}

.dataTables_wrapper .dropdown-menu {
    top: auto;
    /*Para que no salte*/
    overflow: visible;
    /*Para que se vea el :before de abajo*/
    ;
}

.dataTables_wrapper .dropdown-menu:before {
    content: "";
    width: calc(100% - 32px);
    height: 40px;
    position: absolute;
    left: 0;
    top: -40px;
    background: #fff;
    opacity: 0;
    /*cuadrado invisible a la izq del botón,
	para que al bajar el ratón por la izquierda
	no salte el mouseleave y se cierre*/
}

.dataTables_wrapper .dropdown-toggle.action {
    width: 40px;
}


/*PEDIDOS*/

.orders,
.orders>* {
    display: block;
    padding: 0;
    margin: 0;
}

.orders>* {
    margin-bottom: 48px;
    color: #7d7d7d;
    line-height: 1
}

.orders .date {
    font-size: 14px;
}

.orders .name {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    margin-top: 4px;
    letter-spacing: .25px;
}

.orders .company {
    font-size: 17px;
    color: #595a5c;
    color: #ff3e17;
    margin-top: 8px;
}

.orders .price {
    font-family: 'Univers Condensed', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-top: 4px;
    letter-spacing: .25px;
}

.orders+*>a {
    font-size: 19px;
    font-weight: 500;
}

.orders.full {
    font-size: 0;
}

.orders.full>* {
    display: inline-block;
    vertical-align: top;
    margin: 0 56px 80px 0;
    width: calc(25% - 42px);
    border: 1px solid #ddd;
    padding: 16px;
}

.orders.full>*:nth-child(4n+4) {
    margin-right: 0;
}

@media (max-width:990px) {
    .orders.full>*:nth-child(n) {
        margin: 0 32px 48px 0;
        width: calc(50% - 16px);
    }
    .orders.full>*:nth-child(even) {
        margin-right: 0;
    }
}

@media (max-width:600px) {
    .orders.full>*:nth-child(n) {
        margin: 0 0 24px 0;
        width: 100%
    }
}

#userIdSelect{ display: none;}

.custom-select-options{
    max-height: 300px;
    overflow-y: scroll;
}

.custom-select-option{
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.custom-select-option:hover{
    background-color: #f2f2f2;
}