.alert {
    border: 0;
    border-radius: 0;
    position: relative;
    padding: 20px 15px;
    line-height: 20px;
}

.alert b {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}

.alert,
.alert.alert-default {
    background-color: white;
    color: #555555;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4);
}

.alert a,
.alert .alert-link,
.alert.alert-default a,
.alert.alert-default .alert-link {
    color: #555555;
}

.alert.alert-inverse {
    background-color: #2e2e2e;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4);
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
    color: #fff;
}

.alert.alert-primary {
    background-color: #af2cc5;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
    color: #ffffff;
}

.alert.alert-secondary {
    background-color: #29BCC9;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.alert.alert-secondary a,
.alert.alert-secondary .alert-link {
    color: #ffffff;
}

.alert.alert-success {
    background-color: #5cb860;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

.alert.alert-success a,
.alert.alert-success .alert-link {
    color: #ffffff;
}

.alert.alert-info {
    background-color: #00bcd4;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.alert.alert-info a,
.alert.alert-info .alert-link {
    color: #ffffff;
}

.alert.alert-warning {
    background-color: #ffa21a;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
    color: #ffffff;
}

.alert.alert-danger {
    background-color: #f55a4e;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
    color: #ffffff;
}

.alert.alert-pink {
    background-color: #eb3573;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}

.alert.alert-pink a,
.alert.alert-pink .alert-link {
    color: #ffffff;
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success,
.alert-pink {
    color: #ffffff;
}

.alert-default a,
.alert-default .alert-link {
    color: rgba(0, 0, 0, 0.87);
}

.alert span {
    display: block;
    max-width: 89%;
}

.alert.alert-danger i {
    color: #f44336;
}

.alert.alert-warning i {
    color: #ff9800;
}

.alert.alert-success i {
    color: #4caf50;
}

.alert.alert-info i {
    color: #00bcd4;
}

.alert.alert-primary i {
    color: #9c27b0;
}

.alert.alert-secondary i {
    color: #29BCC9;
}

.alert.alert-pink i {
    color: #e91e63;
}

.alert.alert-with-icon {
    margin-top: 43px;
    padding-left: 66px;
}

.alert.alert-with-icon i[data-notify="icon"] {
    display: block;
    left: 15px;
    position: absolute;
    margin-top: -39px;
    font-size: 20px;
    background-color: #FFFFFF;
    padding: 9px;
    border-radius: 50%;
    max-width: 38px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.alert .close i {
    color: #FFFFFF;
}

.alert i[data-notify="icon"] {
    display: none;
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 15px;
}

.alert .alert-icon i {
    margin-top: -7px;
    top: 5px;
    position: relative;
}

.alert [data-notify="dismiss"] {
    margin-right: 5px;
}

.kv-avatar .krajee-default.file-preview-frame,
.kv-avatar .krajee-default.file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}

.kv-avatar {
    display: inline-block;
}

.kv-avatar .file-input {
    display: table-cell;
    width: 250px;
}

.kv-reqd {
    color: red;
    font-family: monospace;
    font-weight: normal;
}

.checkbox input[type=checkbox] {
    position: absolute;
    margin-left: -16px;
    margin-top: 2px;
}

.met-profile .personal-detail li {
    color: #807d7d;
}

.wizard-card .choice {
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

.wizard-card .choice .icon {
    text-align: center;
    vertical-align: middle;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: #999999;
    margin: 0 auto 20px;
    border: 4px solid #CCCCCC;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.wizard-card .choice i {
    font-size: 20px;
    line-height: 42px;
}

.wizard-card .choice:hover .icon,
.wizard-card .choice.active .icon {
    border-color: #7A90EA;
    color: #7A90EA;
}

.wizard-card .choice input[type="radio"],
.wizard-card .choice input[type="checkbox"] {
    position: absolute;
    left: -10000px;
    z-index: -1;
}

.scrollapp {
    overflow: auto;
}

/* Tamaño del scroll */
.scrollapp::-webkit-scrollbar {
    width: 8px;
}

/* Estilos barra (thumb) de scroll */
.scrollapp::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.scrollapp::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

.scrollapp::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Estilos track de scroll */
.scrollapp::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

.fc-popover {
    border: 1 px solid #000;
}

.scrollapp::-webkit-scrollbar-track:hover,
.scrollapp::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}

.popoverTitleCalendar {
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    font-family: Roboto;
    font-size: 13px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ffffff;
    background-color: #506ee4;
    color: #ffffff;
    line-height: 1.2
}

.popoverInfoCalendar {
    border: 1px solid rgb(209, 201, 201);
    border-radius: 0 0 5px 5px;
    padding: 10px;
}

.popoverInfoCalendar i {
    font-size: 12px;
    margin-right: 10px;
    line-height: inherit;
    color: #d3d4da;
}

.popoverInfoCalendar p {
    margin-bottom: 1px;
}

.popoverDescCalendar {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E3E3E3;
    overflow: hidden;
    display: -webkit-box;
    font-size: 12px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.popover-title {
    background: transparent;
    font-weight: 600;
    padding: 0 !important;
    border: none;
}

.popover-content {
    padding: 15px 15px;
    font-family: Roboto;
    font-size: 13px;
}

.popover {
    background: #fff !important;
    color: #2E2F34;
    border: none;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}

/* popover header */
.popover-title {
    background: #F7F7FC;
    font-weight: 600;
    padding: 15px 15px 11px;
    border: none;
}


/*popover arrows */
.popover.top .arrow:after {
    border-top-color: rgb(255, 255, 255);
}

.popover.right .arrow:after {
    border-right-color: rgb(255, 255, 255);
}

.popover.bottom .arrow:after {
    border-bottom-color: rgb(255, 255, 255);
}

.popover.left .arrow:after {
    border-left-color: rgb(255, 255, 255);
}

.popover.bottom .arrow:after {
    border-bottom-color: rgb(255, 255, 255);
}