/*!
 * Custom Tooltip Bootstrap
 * Author Romy Rudiansah
 */

.tooltip.error {
    background: #e1343e;
    opacity: 1;
    padding-right: 20px;
}
.tooltip.error .tooltip-inner {
    max-width: 300px;
    background: transparent;
}
.tooltip.error .tooltip-inner .linkmaker {
    color: #fff;
    text-decoration: underline;
}
.tooltip.error .tooltip-inner .linkmaker:hover {
    color: #fff;
}
.tooltip.error .tooltip-close {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 3px; /*8px*/
}
.tooltip.error.top .tooltip-arrow {
    top: 100%;
    border-top-color: #e1343e;
}
.tooltip.error.bottom .tooltip-arrow {
    top: -5px;
    border-bottom-color: #e1343e;
}
.tooltip.error.left .tooltip-arrow {
    left: 100%;
    border-left-color: #e1343e;
}
.tooltip.error.right .tooltip-arrow {
    left: -5px;
    border-right-color: #e1343e;
}

.tooltip.success {
    background: #64a70b;
    opacity: 1;
    padding-right: 20px;
}
.tooltip.success .tooltip-inner {
    max-width: 300px;
    background: transparent;
}
.tooltip.success .tooltip-close {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 4px;
}
.tooltip.success.top .tooltip-arrow {
    top: 100%;
    border-top-color: #64a70b;
}
.tooltip.success.bottom .tooltip-arrow {
    top: -5px;
    border-bottom-color: #64a70b;
}
.tooltip.success.left .tooltip-arrow {
    left: 100%;
    border-left-color: #64a70b;
}
.tooltip.success.right .tooltip-arrow {
    left: -5px;
    border-right-color: #64a70b;
}



/*!
 * Custom Notif
 */

.alert {
    position: relative;
    padding: 5px 15px 15px;
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 0;
    /*padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0*/
}
.alert h4 {
    margin-top: 0;
    color: inherit
}
.alert .alert-link {
    font-weight: 700
}
.alert>p,
.alert>ul {
    margin-bottom: 0
}
.alert>p+p {
    margin-top: 5px
}
.alert-dismissable {
    padding-right: 35px
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.alert-success {
    background-color: #64a70b;
    border-color: #64a70b;
    color: #ffffff;
    /*background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d*/
}
.alert-headline {
    margin: 10px 0 0;
    font-size: 18px;
}
.alert-headline .glyphicon:before {
    margin-right: 5px;
}
.alert-success hr {
    border-top-color: #c9e2b3
}
.alert-success .alert-link {
    color: #2b542c
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}
.alert-info hr {
    border-top-color: #a6e1ec
}
.alert-info .alert-link {
    color: #245269
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}
.alert-warning hr {
    border-top-color: #f7e1b5
}
.alert-warning .alert-link {
    color: #66512c
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}
.alert-danger hr {
    border-top-color: #e4b9c0
}
.alert-danger .alert-link {
    color: #843534
}
.notif {
    width: 300px;
    position: fixed;
    z-index: 99999;
    margin: 10px;
    text-align: left;
    /*margin-left: auto;
    margin-right: auto;*/
    top: 0;
    right: 0;
}
.notif .notif-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    z-index: 1061;
}
.notif .glyphicon {
    color: #fff;
}