html
 {
    height: 100%;
}

.wrap {
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #333;
    color: #fff;
    font-size: 14px;
    position: absolute;
    padding: 3px 20px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    border-radius: 6px;

}
[data-title] {
    position: relative;
}
.max-span span{
    width: 11rem;
}
.help-block{
    font-size: 0.9rem;
    color: #A21920 !important;
    font-weight: 700 !important;
}
.author-td{
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
    text-overflow: ellipsis;
}
.card-header{
    padding: 0;
}
.block-arrow{
    position: absolute;
    left: 47%;
}
.title-book{
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
    word-break: break-word;
}
.hiddenRow {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.word-break{
    word-break: break-word;
}
:hover .clickable ,.clickable-edition,.clickable-book-individual,.clickable-book-own,.clickable-chapter-edition,.clickable-chapter-individual,.clickable-chapter-own {
    cursor: pointer;
}
.title-book-own{
    position: absolute;
    top: 6rem;
    left: 0;
    right: 0;
    word-break: break-word;
}
.help-block:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
.contenido{
    min-height: 91vh;
}
.normative-img img{
    max-width: 100%;
    height: auto;
}
.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.header-text-eb a{
    color: #6f6c6c;
}
/*.header-primary-text-eb a{*/
/*    color: #a21920;*/
/*}*/
.modal-reject-content{
    word-wrap: break-word;
    overflow-y:scroll;
    max-height: 65vh;
    white-space: pre-line;
}
.text-ellipsis{
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    overflow: hidden;
    display: -webkit-box;
    max-width: 400px;
    -webkit-box-orient: vertical;
}
.rejected-row{
    background-color: #ec6b6f !important;
    color:white !important;
}
.rejected-row a{
    color:white !important;
}
/*.border-buttom-light-eb{*/
/*    border-bottom: 3px solid #ffb187 !important;*/
/*}*/
/*.border-buttom-dark-eb{*/
/*    border-bottom: 3px solid #a21920 !important;*/
/*}*/
.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    left: 43%;
    right: 43%;
    position: absolute;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}
/*.text-head-primary-gridview a{*/
/*    color: #a21920;*/
/*}*/
.text-head-primary-gridview a::after{
    display: none;
}
.text-row-primary-gridview-dark-eb {
    color: #a21920c7;
}
.text-row-primary-gridview-light-eb{
    color: #ffb187c2;
}
.text-head-secundary-gridview a{
    color: #495057;
}
.text-row-secundary-gridview{
    color: #21252980;
}
/*.text-head-gridview i{*/
/*    color: #a21920;*/
/*}*/
/*.icon-download{*/
/*    -webkit-filter: opacity(.5) drop-shadow(0 0 0 #a21920);*/
/*    filter: opacity(.5) drop-shadow(0 0 0 #a21920); width: 1rem*/
/*}*/
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
/*.rejected-reason{*/
/*    overflow: hidden;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 3;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
/*.rejected-reason:hover{*/
/*    cursor: help;*/
/*}*/
div.tab-content div.col-2{
    padding-right: 0px;
}
div.tab-content div.col-1{
    padding-right: 0px;
}
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .center-boxs{
        padding-left: 0;
    }
}
@media (min-width: 720px) {
    .center-boxs{
        padding-left: 0;
    }
    .box-main{
        min-height: 41vh;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.box {
    border-radius: 25px;
}

.box-main{
    min-height: 70vh;
}

.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*.gradient-left {*/
/*    background-image: linear-gradient(to left, rgba(255, 141, 140, 1), rgba(255, 177, 135, 1));*/
/*}*/

/*.gradient-right {*/
/*    background-image: linear-gradient(to right, rgba(255, 141, 140, 1), rgba(255, 177, 135, 1));*/
/*}*/

/*.gradient-white-diagonal-right-dark {*/
/*    background-image: linear-gradient(-235deg, rgba(255, 255, 255, 1), rgba(254, 151, 144, 1));*/
/*}*/

/*.gradient-white-diagonal-right {*/
/*    background-image: linear-gradient(-235deg, rgba(255, 255, 255, 1), rgba(255, 177, 135, 1));*/
/*}*/

/*.gradient-down {*/
/*    background-image: linear-gradient(to bottom, rgba(255, 141, 140, 1), rgba(255, 177, 135, 1));*/
/*}*/

/*.gradient-up {*/
/*    background-image: linear-gradient(to top, rgba(255, 141, 140, 1), rgba(255, 177, 135, 1));*/
/*}*/

.text-white {
    color: #ffffff;
}

/*.text-solid {*/
/*    color: #ff8d8c;*/
/*}*/

/*.input-gray {*/
/*    background-color: #ffd2c6;*/
/*    border: 1px solid #ced4da;*/
/*}*/

/*.input-gray:focus {*/
/*    color: #495057;*/
/*    background-color: #ffd2c6;*/
/*    border-color: #80bdff;*/
/*    outline: 0;*/
/*    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
/*}*/

.input-gray::-ms-expand {
    background-color: transparent;
    border: 0;
}

.input-gray:-moz-focusring {
    color: #495057;
    text-shadow: 0 0 0 #495057;
}

.placeholder-gray::placeholder {
    color: white;
    text-align: center;
    font-weight: bold;
    opacity: 1;
}

.placeholder-gray::-webkit-input-placeholder {
    color: white;
    text-align: center;
    font-weight: bold;
    opacity: 1;
}

.placeholder-gray:-ms-input-placeholder {
    color: white;
    text-align: center;
    font-weight: bold;
    opacity: 1;
}

.placeholder-gray::-moz-placeholder{
    color: white;
    text-align: center;
    font-weight: bold;
    opacity: 1;
}

.placeholder-gray:-moz-placeholder {
    color: white;
    text-align: center;
    font-weight: bold;
    opacity: 1;
}

/*.input-white {*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #ff8d8c;*/
/*}*/

.input-white:focus {
    color: #495057;
    background-color: #ffffff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.input-white::-ms-expand {
    background-color: transparent;
    border: 0;
}

.input-white:-moz-focusring {
    color: #495057;
    text-shadow: 0 0 0 #495057;
}

/*.placeholder-white::placeholder {*/
/*    color: #ffb187;*/
/*    font-weight: bold;*/
/*    opacity: 1;*/
/*}*/

/*.placeholder-white::-webkit-input-placeholder {*/
/*    color: #ffb187;*/
/*    font-weight: bold;*/
/*    opacity: 1;*/
/*}*/

/*.placeholder-white:-ms-input-placeholder {*/
/*    color: #ffb187;*/
/*    font-weight: bold;*/
/*    opacity: 1;*/
/*}*/

/*.placeholder-white::-moz-placeholder{*/
/*    color: #ffb187;*/
/*    font-weight: bold;*/
/*    opacity: 1;*/
/*}*/

/*.placeholder-white:-moz-placeholder {*/
/*    color: #ffb187;*/
/*    font-weight: bold;*/
/*    opacity: 1;*/
/*}*/

/*.btn-white {*/
/*    background-color: #ffffff;*/
/*    border: 1px solid #ff8d8c;*/
/*}*/

.pill-left {
    border-radius: 50rem 0 0 50rem !important;
}

.pill-right {
    border-radius: 0 50rem 50rem 0 !important;
}

/*.background-dark {*/
/*    background-color: #a21920;*/
/*}*/
#user-identification_type_id{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#billto-identification_type_id{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.registro_it>div{

    color: white;
    padding-left: 5px;
}
.field-user-accept_terms>div>div>label{
    color: white;
    font-size: 80%;
}
.field-user-accept_terms>div{
    max-width: 100%;
}
.field-user-accept_email>div{
    max-width: 100%;
}
.field-user-accept_email>div>div>label{
    color: white;
    font-size: 80%;
}
.hidden{
    display: none;
}
/*.textMainColor{*/
/*    color: #a21b20;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    font-weight: bold;*/
/*    font-size: 12px;*/
/*}*/
/*.btn:hover {*/
/*    color: #a21b20;*/
/*    text-decoration: none;*/
/*}*/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}
.fade:not(.show) {
    opacity: unset!important;
}

/*.text-dark-eb {*/
/*    color: #a21920;*/
/*}*/

/*.text--eb {*/
/*    color: #a21920;*/
/*}*/

/*.background-light {*/
/*    background-color: #ffb187;*/
/*}*/

/*.text-light-eb {*/
/*    color: #ffb187;*/
/*}*/

/*.border-dark {*/
/*    border: 1px solid #ff8d8c;*/
/*}*/

.avatar {
    width: 55px;
    height: 55px;
}

/*.border-light-eb {*/
/*    border: 2px solid #ffb187;*/
/*}*/

.padding-radio-list>div {
    padding-left: 5px;
}
.no-data-to-display{
    width: 100%;
    min-height: 200px;
    margin-top: 100px;
    font-weight: bold;
    text-align: center;
}

.box-active {
    transition: all .2s ease-in-out;
    transform: scale(1.1);
    box-shadow: 0 0 0 8px rgba(211, 211, 211, 0.7);
}

.grow {
    transition: all .2s ease-in-out;
}

.grow:before {
    content: "";
}

.grow:hover {
    transform: scale(1.1);
 }

.scrolling-wrapper {
    overflow-x: auto;
}

.scrolling-wrapper::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrolling-wrapper::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.scrolling-wrapper::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
}

.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-white-transparent-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.square-60 {
    width: 100px;
    height: 100px;
    padding: 10px;
}

.small-small {
    font-size: 65%;
    font-weight: 400;
}
.maxWidth{
    max-width: 280px;
}

/*.border-color-dark {*/
/*    border-color: #a21920 !important;*/
/*}*/

/*.border-color-solid {*/
/*    border-color: #ff8d8c !important;*/
/*}*/

/*.border-color-light {*/
/*    border-color: #ffb187 !important;*/
/*}*/

.h-600 {
    height: 600px !important;
}

.group {
    position: relative;
    /*margin-bottom:45px;*/
}

.input-transparent {
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    /*width:300px;*/
    border:none;
    /*border-bottom:1px solid #757575;*/
}

.input-transparent:focus {
    outline:none;
}

/* !*LABEL ======================================= *!*/
/*.label-transparent {*/
/*    color:#ff8d8c;*/
/*    font-size:18px;*/
/*    font-weight:bold;*/
/*    position:absolute;*/
/*    pointer-events:none;*/
/*    left:5px;*/
/*    top:110px;*/
/*    transition:0.2s ease all;*/
/*    -moz-transition:0.2s ease all;*/
/*    -webkit-transition:0.2s ease all;*/
/*}*/

/* active state*/
/*.input-transparent:focus ~ .label-transparent, .input-transparent:valid ~ .label-transparent {*/
/*    top:-20px;*/
/*    font-size:14px;*/
/*    color:#ff8d8c;*/
/*}*/

/*.outline-color-light {*/
/*    outline: 1px solid #ffb187;*/
/*}*/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    /*font-size: 1.05em;*/
    /*line-height: 1.7;*/
    cursor: pointer;
}

/* !*checkbox aspect*!*/
/*[type="checkbox"]:not(:checked) + label:before,*/
/*[type="checkbox"]:checked + label:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 1.4em;*/
/*    height: 1.4em;*/
/*    border: 1px solid #ffb187;*/
/*    background: #FFF;*/
/*    border-radius: .2em;*/
/*    !*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);*!*/
/*    -webkit-transition: all .275s;*/
/*    transition: all .275s;*/
/*}*/

/* !*checked mark aspect*!*/
/*[type="checkbox"]:not(:checked) + label:after,*/
/*[type="checkbox"]:checked + label:after {*/
/*    content: '✓';*/
/*    position: absolute;*/
/*    top: .525em;*/
/*    left: .18em;*/
/*    font-size: 1.375em;*/
/*    color: #ff8d8c;*/
/*    line-height: 0;*/
/*    -webkit-transition: all .2s;*/
/*    transition: all .2s;*/
/*}*/

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    /*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);*/
}

/* Base for label styling */
.radio-btn[type="checkbox"]:not(:checked),
.radio-btn[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
.radio-btn[type="checkbox"]:not(:checked) + label,
.radio-btn[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    /*font-size: 1.05em;*/
    /*line-height: 1.7;*/
    cursor: pointer;
}

/*!* checkbox aspect *!*/
/*.radio-btn[type="checkbox"]:not(:checked) + label:before,*/
/*.radio-btn[type="checkbox"]:checked + label:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 1.4em;*/
/*    height: 1.4em;*/
/*    border: 1px solid #ffb187;*/
/*    background: #FFF;*/
/*    border-radius: 50%;*/
/*    !*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);*!*/
/*    -webkit-transition: all .275s;*/
/*    transition: all .275s;*/
/*}*/

/*!* checked mark aspect *!*/
/*.radio-btn[type="checkbox"]:not(:checked) + label:after,*/
/*.radio-btn[type="checkbox"]:checked + label:after {*/
/*    content: '✓';*/
/*    position: absolute;*/
/*    top: .525em;*/
/*    left: .18em;*/
/*    font-size: 1.375em;*/
/*    color: #ff8d8c;*/
/*    line-height: 0;*/
/*    -webkit-transition: all .2s;*/
/*    transition: all .2s;*/
/*}*/

/* checked mark aspect changes */
.radio-btn[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.radio-btn[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/* Disabled checkbox */
.radio-btn[type="checkbox"]:disabled:not(:checked) + label:before,
.radio-btn[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

.radio-btn[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

.radio-btn[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility */
.radio-btn[type="checkbox"]:checked:focus + label:before,
.radio-btn[type="checkbox"]:not(:checked):focus + label:before {
    /*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);*/
}

.text-normalcase {
    text-transform: none !important;
}

/*.nav-item > a.active {*/
/*    background-image: linear-gradient(to right, rgba(255, 141, 140, 1), rgba(255, 177, 135, 1));*/
/*    border-radius: 50rem !important;*/
/*    color: #ffffff;*/
/*}*/

.nav-item > a {
    background-color: #ffffff;
    border-radius: 50rem !important;
    color: #ffffff;
}

.nav-item > a.active > span.text-tab {
    color: #ffffff !important;
}

/*.nav-item > a > span.text-tab {*/
/*    color: #ffb187 !important;*/
/*}*/

.bg-gray {
    background-color: #f8f8f8;
}

.border-gray {
    border-color: #f2ecec;
}

.text-principal-author {
    color: #48bad5;
}
.text-author{
    text-transform: uppercase !important;
    font-weight: bold;
}
.text-coauthor{
    text-transform: uppercase !important;
    font-weight: normal;
}
.text-not-registered {
    color: #a19f9f;
}

.text-not-enrolment {
    color: #f95448;
}

.text-enrolment {
    color: #5cd077;
}

.logo {
    width: 200px;
    height: auto;
}
.single-line {
    width:10.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div .item-main:hover{
    cursor: pointer;
}

.sticker-active{
    border: 5px solid #cecece;
}

/*.background-primary-first-color{*/
/*    background-color: #f58d8b;*/
/*}*/

.alert-dismissable .close, .alert-dismissible .close{
    top: -10px !important;
}

.m-10{
    margin: 10px!important;
}
.ph-center::-webkit-input-placeholder {
    text-align: center;
}

.scrolling-y {
    overflow-y: scroll;
}

.h-400 {
    height: 400px !important;
}

.input-create-own input{
    width: 100% !important;
}
/*.Custom_Confirm > .swal2-actions > .swal2-confirm {*/
/*    background-image: linear-gradient(to right, #FF8D8C,#FFB187);*/
/*}*/
/*.Custom_Confirm > .swal2-actions > .swal2-confirm:hover {*/
/*    background-image: linear-gradient(to right, #FF8D8C,#FFB187)!important;*/
/*}*/
.center-boxs{
    padding-left: 26%;
}
.carousel-img img{
    width: 100%;
    height: auto;
}
.auto-margin-h{
    margin-left: auto;
    margin-right: auto;
}
.carousel-container{
    max-width: 20rem;
    height: auto;
}
.form-login{
    text-align: center;
}
.kv-expand-detail-row td{
    background-color: white;
}
.home-form p:not(.text-interest-user) div:not(.space-normative) {
    color: white !important;
}
p.help-block.help-block-error{
    text-align: left;
}
.text-interest-user{
    font-size: 65%;
    margin-top: 20px;
    padding-bottom: 20px;
    font-weight: normal !important;
}
.book-text-area{
    margin-bottom: 3rem !important;
}
.book-text-area-own{
    margin-bottom: 5rem !important;
}
.book-action-area{
    position: absolute;
    bottom: 1.6rem;
    left: 1.5rem;
    right: 1.5rem;
}
.book-action-area a {
    white-space: nowrap;
}
.book-img-facebook{
    max-width:100%;
    max-height:100%;
    height:186px;
}
.space-normative{
    word-break: break-all;
}

.space-normative > p{
    color: black !important;
}
.home-button-register{

}
.home-button-login{

}
.close-modal{
    position: absolute;
    right: 1vh;
}

.modal-content-coauthor .modal-content{
    background-color: rgba(255,255,255,0.1);
    top: 13vh;
}
.recomended-table{
    position: absolute;
    left: -19vw;
    top: 1rem;
}
.logout-button{
    padding: 6px 33px !important;
    margin-right: -15px;
}
.portrait-container{
    height: 288px;
}
.portrait {
    overflow: hidden;
    display: inline-block;
    height: 288px;
    width: 204px;
}

.portrait-img {
    transition: all .5s;
    //transform: scale(1.5);
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
.badge-interests{
    position: absolute;
    top: 1rem;
    left: 2.1rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1rem;
}

/*Logo Oculto*/
.hm-logo{
    display: none;
}

.r-text-menu{
    font-size: 12px;
    text-transform: uppercase;
}

.w-75{
    width: 75%;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

.hm-secundary{
    display: none;
}

.bt-menu{
    color: #ffffff;
    width: 55%;
    font-style: italic;
}

.btn-active{
    background-image: linear-gradient(#A21920,#A21920)!important;
    color: #ffffff!important;
}

#btn_pending.btn-active:hover{
    color: #ffffff!important;
}
#btn_publish.btn-active:hover{
    color: #ffffff!important;
}
#btn_user.btn-active:hover{
    color: #ffffff!important;
}

.card-menu{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #ffffff;
    background-clip: border-box;
    border: none;
    margin-bottom: 10px;
}

.w-img{
    width: 100%!important;
}

.w-comment{
    width: 80%!important;
}

.hm-edition{
    display: none;
}

.table thead th{
    border-bottom: none!important;
    border-top: none!important;
}

.dark-eb-border {
    border-bottom: 2px solid #A21920!important;
}

.light-eb-border {
    border-bottom: 2px solid #ffb187!important;
}

.border-clear {
    border-bottom: none!important;
}

/*MENU*/
.logo-style{
    float: left;
    margin: 16px 8px;

}
nav {
    /*position: fixed;*/
    width: 100%;
}

nav ul{
    list-style: none;
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    color: #fff;
    padding: 0;
    text-align: right;
    margin: 0;
    transition: 1s;
}

nav ul li {
    display: inline-block;
}

li .btn{
    padding: 0.375rem 0.50rem!important;
}

/*COL*/
@media screen and (max-width: 575px){
    .modal-dialog{
        margin: 0px;
    }

    .hm-logo{
        display: inline-block;
    }
    .recomended-table{
        position: relative;
        left: 0;
        top: 0;
    }

    #menu-logo.logo {
        width: 100px;
    }

    .hm-inscription{
        display: none;
    }

    .hlogo-main{
        display: none;
    }

    .w-img{
        width: 70%!important;
    }

    .box{
        border-radius: 15px;
    }

    .box-active{
        box-shadow: 0 0 0 5px rgba(211,211, 211, 0.7);
        transform: scale(1);
    }

    .h-text{
        display: none;
    }

    .with-box{
        width: 16.5rem;
        text-align: center;
    }

    .hm-main{
        display: none;
    }

    .hm-secundary{
        display: inline-block;
    }

    .btn-menu-secondary{
        text-transform: uppercase;
        font-style: italic;
        font-size: 12px;
        font-weight: bold;
        width: 75% !important;
    }

    .btn-submenu{
        text-transform: uppercase;
        font-style: italic;
        font-size: 12px;
        font-weight: bold;
        width: 65% !important;
    }

    .text-contact-head{
        font-size: 28px!important;
    }

    .w-comment{
        width: 100%!important;
    }

    .h3{
        font-size: 20px;
    }

    .h-ipersonal{
        display: none;
    }

    .hm-edition{
        display: flex;
    }

    .hs-edition{
        display: none;
    }

    .m-font-title{
        font-size: 11px;
    }

    .m-font-text-table{
        font-size: 10px;
    }

    .h-menu-facture{
        display: none;
    }

    .w-buttom{
        width: 16rem!important;
    }

    .w-sub-buttom{
        width: 14rem!important;
    }
}

/*COL-SM*/
@media screen and (min-width: 576px) and (max-width: 767px){
    .hm-logo{
        display: inline-block;
    }

    #menu-logo.logo {
        width: 100px;
    }

    .hlogo-main{
        display: none;
    }

    .h3{
        font-size: 17px;
    }

    .with-box{
        width: 16.5rem;
        text-align: center;
    }

    .box{
        border-radius: 15px;
    }

    .box-active{
        box-shadow: 0 0 0 5px rgba(211,211, 211, 0.7);
        transform: scale(1);
    }

    .h-text{
        display: none;
    }

    .h-icon-menu{
        display: none;
    }

    .text-contact-head{
        font-size: 30px;
    }

    .hm-edition{
        display: flex;
    }

    .hs-edition{
        display: none;
    }

}

/*COL-MD*/
@media screen and (min-width: 768px) and (max-width: 991px){
    .hm-logo{
        display: inline-block;
    }
    .recomended-table{
        position: relative;
        left: 0;
        top: 0;
    }

    #menu-logo.logo {
        width: 100px;
    }

    .hlogo-main{
        display: none;
    }

    .h3 {
        font-size: 20px;
    }

    .box{
        border-radius: 20px;
    }

    .box-active{
        box-shadow: 0 0 0 5px rgba(211,211, 211, 0.7);
        transform: scale(1.05);
    }

    .h-text{
        display: none;
    }

    .text-contact-head{
        font-size: 25px!important;
    }

}

/*COL-LG*/
@media screen and (min-width: 992px) and (max-width: 1199px){
    .single-line{
        width: 8rem!important;
    }

    .box-active{
        box-shadow: 0 0 0 5px rgba(211,211, 211, 0.7);
        transform: scale(0.98);
    }

}

@media screen and ( min-width: 1920px ){
    .portrait-container {
        height: 351px;
    }
    .portrait {
        overflow: hidden;
        display: inline-block;
        height: 351px;
        width: 248px;
    }

}
@media screen and ( min-width: 1379px ){
    .portrait-container {
        height: 352px;
    }
    .portrait {
        overflow: hidden;
        display: inline-block;
        height: 352px;
        width: 249px;
    }
    .home-button-register a{

        max-width: 8rem;
    }
    .home-button-register{
        text-align: right;
    }
    .home-button-login a{

        max-width: 8rem;
    }

}

@media screen and ( max-height: 1080px ){
    .box-main{
        min-height: 41.5vh;
    }
}
@media screen and ( max-height: 768px ){
    .box-main{
        min-height: 70vh;
    }
}

@media (min-width: 1750px)  {
    .block-height{
        height: 145px;
    }
}

@media(min-width:1315px) and (max-width: 1748px) {
    .block-height{
        height: 180px;
    }
}

@media(min-width:1170px) and (max-width: 1300px) {
    .block-height{
        height: 200px;
    }
    .portrait-container {
        height: 352px;
    }
    .portrait {
        overflow: hidden;
        display: inline-block;
        height: 352px;
        width: 249px;
    }
}

@media(min-width:1040px) and (max-width: 1168px) {
    .block-height{
        height: 230px;
    }
}

@media (min-width: 1024px) {
    .recomended-table {
        position: absolute;
        left: -19vw;
        top: 3rem;
    }
}

@media(min-width:960px) and (max-width: 1039px) {
    .block-height{
        height: 250px;
    }
}

@media(min-width:850px) and (max-width: 959px) {
    .block-height{
        height: 300px;
    }
}

/*-----------------Modal------------------------*/
.modal-dialog-margin{
    margin-top: 250px;
}
.modal-content{
    border: none;
}
.modal-dialog-full
{
    width: 100% !important;
    /*height: 100% !important;*/
    border: 0;
    box-shadow: 0 0 0 0;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
/*-----------------Modal------------------------*/

a.text-terms:hover{
    color: #ffffff!important;
}

.input-contact{
    border-radius: 10px;
    background-color: #eeeeee!important;;
    border: 1px solid #eeeeee;
    padding: 1.200rem 2.00rem;
}

.input-contact:focus{
    color: #707070 !important;
    background-color: #eeeeee!important;
    border-color: #eeeeee!important;
    box-shadow: 0 0 0 0.2rem rgb(225 225 225);
}

.text-contact-head{
    color: #fae0df!important;;
}


.input-own-book{
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.input-own-book:focus{
    color: #FF8D8C !important;
    background: rgba(255, 255, 255, 0.4)!important;
    border-color: rgba(255, 255, 255, 0.4)!important;
    box-shadow: 0 0 0 1px rgb(225 225 225);
}


.placeholder-own-book::placeholder {
    color: #FF8D8C!important;;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    opacity: 1;
}

.placeholder-own-book::-webkit-input-placeholder {
    color: #FF8D8C!important;;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    opacity: 1;
}

.placeholder-own-book:-ms-input-placeholder {
    color: #FF8D8C!important;;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    opacity: 1;
}

.placeholder-own-book::-moz-placeholder{
    color: #FF8D8C!important;;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    opacity: 1;
}

.placeholder-gray:-moz-placeholder {
    color: #FF8D8C!important;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    opacity: 1;
}