.popover {
    font-family: Open Sans,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    position: absolute;
    z-index: 1060;
    top: 0;
    left: 0;
    display: block;
    max-width: 320px;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .4375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 .5rem 2rem 0 #007bff87;
    text-shadow: none;
    line-break: auto
}

.remove {
    float: right;
    cursor: pointer;
}

.li-Coordinator {
    /*font-weight: 600;
    margin-top: 5px;
    /*display: inline-block;*/
    /*min-width: 70%;*/
    position: relative;
    left: -20px;
}


.li-BackupUpdate {
    /*font-weight: 600;
    margin-top: 5px;
    /*display: inline-block;*/
    /*min-width: 70%;*/
    position: relative;
    left: -20px;
}

.li-Backup {
    /*font-weight: 600;
    margin-top: 5px;
    /*display: inline-block;*/
    /*min-width: 70%;*/
    position: relative;
    left: -20px;
}

.li-ViewBackupAssisgned {
    /*font-weight: 600;
    margin-top: 5px;
    /*display: inline-block;*/
    /*min-width: 70%;*/
    position: relative;
    left: -20px;
}

.overflow-y {
    overflow-y: auto;
    height: 400px
}


.ul-Coordinator {
    /*padding: 0;
    text-align: left;*/
    list-style: none;
}

.ul-Backup {
    /*padding: 0;
    text-align: left;*/
    list-style: none;
}

.ul-BackupUpdate {
    /*padding: 0;
    text-align: left;*/
    list-style: none;
}

.breadcrumb {
    transition: left 0.25s, right 0.25s, width 0.25s;
}

.breadcrumb {
    position: relative;
    border-radius: 0;
    border-bottom: 1px solid #c8ced3;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

*, *::before, *::after {
    box-sizing: border-box;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 40px;
    height: 40px;
    padding: 6px 0px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.logo-majorel {
    float: left;
    max-height: 47px;
    padding: 7px 20px 4px;
}

.btn-card {
    margin-top: 5px;
}

.active.green {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.active.yellow {
    color: #fff !important;
    background-color: #b9e409 !important;
    border-color: #b9e409 !important;
}

/*a[data-toggle="pill"].active,
#IncoherencesScheduler.active,
#IncoherencesTable.active {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}*/

.nav .nav-item:hover,
.nav .nav-item.active {
    background: none !important;
    color: #2A3EF3 !important;
    border-bottom: 2px solid #2A3EF3 !important;
}

/*select {
    height: 40px !important;
}*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-state-disabled.ui-button:hover, html .ui-state-disabled.ui-button:active {
    border: none !important;
}

table.tablaArvato thead tr th {
    text-align: center !important;
}

table.tablaArvato tbody tr td {
    text-align: center !important;
    font-weight: normal !important;
}

table.tablaArvato a.table-link {
    margin: 0 5px;
    font-size: 1.125em;
}

    table.tablaArvato a.table-link:hover {
        text-decoration: none;
        color: #2980b9;
    }

    table.tablaArvato a.table-link.danger {
        color: #e74c3c;
    }

        table.tablaArvato a.table-link.danger:hover {
            color: #c0392b;
        }

.fondo {
    background: url('../img/fondo/CRM 3.jpg') no-repeat center center;
    background-size: 100% 100%;
    background-size: cover;
}

@media (max-width: 650.99px) {
    .fondo {
        display: none;
    }

    body {
        background: url('../img/fondo/CRM 3.jpg') no-repeat center center;
    }

    .columnaDerecha {
        background: #fff !important;
        opacity: 0.7;
        width: 100%;
    }

    #login-logo {
        background: transparent !important;
    }
}
/* / General */
.divLoader {
    display: none;
    /*position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .9 );*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modalAjax {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalAjax {
    display: block;
}

.spinnerAnimation {
    margin: 200px auto;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #226997;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.help-inline {
    color: red !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%) !important
}

.bg-gradient-secondary {
    background: linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%) !important
}

.bg-gradient-success {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%) !important
}

.bg-gradient-info {
    background: linear-gradient(87deg,#1171ef 0,#11cdef 100%) !important
}

.bg-gradient-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%) !important
}

.bg-gradient-danger {
    background: linear-gradient(87deg,#f5365c 0,#f56036 100%) !important
}

.bg-gradient-light {
    background: linear-gradient(87deg,#adb5bd 0,#adaebd 100%) !important
}

.bg-gradient-dark {
    background: linear-gradient(87deg,#212529 0,#212229 100%) !important
}

.bg-gradient-default {
    background: linear-gradient(87deg,#172b4d 0,#1a174d 100%) !important
}

.bg-gradient-white {
    background: linear-gradient(87deg,#fff 0,#fff 100%) !important
}

.bg-gradient-neutral {
    background: linear-gradient(87deg,#fff 0,#fff 100%) !important
}

.bg-gradient-darker {
    background: linear-gradient(87deg,#000 0,#000 100%) !important
}

.text-blue {
    color: #5e72e4 !important
}

a.text-blue:focus, a.text-blue:hover {
    color: #233dd2 !important
}

.text-indigo {
    color: #5603ad !important
}

a.text-indigo:focus, a.text-indigo:hover {
    color: #310262 !important
}

.text-purple {
    color: #8965e0 !important
}

a.text-purple:focus, a.text-purple:hover {
    color: #5a2acf !important
}

.text-pink {
    color: #f3a4b5 !important
}

a.text-pink:focus, a.text-pink:hover {
    color: #ea607e !important
}

.text-red {
    color: #f5365c !important
}

a.text-red:focus, a.text-red:hover {
    color: #d40b33 !important
}

.text-orange {
    color: #fb6340 !important
}

a.text-orange:focus, a.text-orange:hover {
    color: #ea3005 !important
}

.text-yellow {
    color: #ffd600 !important
}

a.text-yellow:focus, a.text-yellow:hover {
    color: #b39600 !important
}

.text-green {
    color: #2dce89 !important
}

a.text-green:focus, a.text-green:hover {
    color: #1f8f5f !important
}

.text-teal {
    color: #11cdef !important
}

a.text-teal:focus, a.text-teal:hover {
    color: #0b90a8 !important
}

.text-cyan {
    color: #2bffc6 !important
}

a.text-cyan:focus, a.text-cyan:hover {
    color: #00dea2 !important
}

.text-white {
    color: #fff !important
}

a.text-white:focus, a.text-white:hover {
    color: #d9d9d9 !important
}

.text-gray {
    color: #8898aa !important
}

a.text-gray:focus, a.text-gray:hover {
    color: #607286 !important
}

.text-gray-dark {
    color: #32325d !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #17172b !important
}

.text-light {
    color: #ced4da !important
}

a.text-light:focus, a.text-light:hover {
    color: #a2aeb9 !important
}

.text-lighter {
    color: #e9ecef !important
}

a.text-lighter:focus, a.text-lighter:hover {
    color: #bdc6cf !important
}


.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 600 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #5e72e4 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #233dd2 !important
}

.text-secondary {
    color: #f7fafc !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #bfd7e7 !important
}

.text-success {
    color: #2dce89 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1f8f5f !important
}

.text-info {
    color: #11cdef !important
}

a.text-info:focus, a.text-info:hover {
    color: #0b90a8 !important
}

.text-warning {
    color: #fb6340 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ea3005 !important
}

.text-danger {
    color: #f5365c !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #d40b33 !important
}

.text-light {
    color: #adb5bd !important
}

a.text-light:focus, a.text-light:hover {
    color: #838f9b !important
}

.text-dark {
    color: #212529 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #000 !important
}

.text-default {
    color: #172b4d !important
}

a.text-default:focus, a.text-default:hover {
    color: #050a12 !important
}

.text-white {
    color: #fff !important
}

a.text-white:focus, a.text-white:hover {
    color: #d9d9d9 !important
}

.text-neutral {
    color: #fff !important
}

a.text-neutral:focus, a.text-neutral:hover {
    color: #d9d9d9 !important
}

.text-darker {
    color: #000 !important
}

a.text-darker:focus, a.text-darker:hover {
    color: #000 !important
}

.text-body {
    color: #525f7f !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.jumbotron {
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    border-radius: .4375rem;
    background-color: #e9ecef
}

@media (min-width:576px) {
    .jumbotron {
        padding: 2rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.loading-gif-style {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 30001;
    opacity: 0.8;
}

.centered-on-screen {
    position: absolute;
    top: 40%;
    left: 48%;
}

.colorA {
    color: #2b323a;
}

.colorB {
    color: #8e98a0;
}

.colorC {
    color: #343a40;    
}

.displayNone{
    display:none;
}