.alert{
    border:0;
    border-radius:.55rem;
    color:#fff;
    padding-top:.9rem;
    padding-bottom:.9rem;
    position:relative
}
.alert.alert-success{
    background-color:rgba(24,206,15,0.8)
}
.alert.alert-danger{
    background-color:rgba(255,54,54,0.8)
}
.alert.alert-warning{
    background-color:rgba(255,178,54,0.8)
}
.alert.alert-info{
    background-color:rgba(44,168,255,0.8)
}
.alert.alert-primary{
    background-color:rgba(249,99,50,0.8)
}
.alert .alert-icon{
    float:left;
    margin-top:-1px
}
.bg-red{
    background-color:rgba(255,54,54,0.8);
}
.bg-green{
    background-color:rgba(24,206,15,0.8)
}
.bg-light-blue{
    background-color:#4286f4;
    color:white;
}
.alert strong{
    text-transform:uppercase;
    font-size:12px
}
.alert i.fa,.alert i.now-ui-icons{
    font-size:20px
}
.alert .close{
    color:#fff;
    opacity:.9;
    text-shadow:none;
    line-height:0;
    outline:0;
    /* right:-7px !important; */
    top: 18px !important
}
img{
    max-width:100%;
    border-radius:1px
}
.img-raised{
    box-shadow:0px 10px 25px 0px rgba(0,0,0,0.3)
}
.popover{
    font-size:14px;
    box-shadow:0px 10px 50px 0px rgba(0,0,0,0.2);
    border:none;
    line-height:1.7;
    max-width:240px
}
.popover.bs-popover-top .arrow:before,.popover.bs-popover-left .arrow:before,.popover.bs-popover-right .arrow:before,.popover.bs-popover-bottom .arrow:before{
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent
}
.popover .popover-header{
    color:rgba(182,182,182,0.6);
    font-size:14px;
    text-transform:capitalize;
    font-weight:600;
    margin:0;
    margin-top:5px;
    border:none;
    background-color:transparent
}
.popover:before{
    display:none
}
.popover.bs-tether-element-attached-top:after{
    border-bottom-color:#fff;
    top:-9px
}
.popover.popover-primary{
    background-color:#f96332
}
.popover.popover-primary .popover-body{
    color:#fff
}
.popover.popover-primary.bs-popover-right .arrow:after{
    border-right-color:#f96332
}
.popover.popover-primary.bs-popover-top .arrow:after{
    border-top-color:#f96332
}
.popover.popover-primary.bs-popover-bottom .arrow:after{
    border-bottom-color:#f96332
}
.popover.popover-primary.bs-popover-left .arrow:after{
    border-left-color:#f96332
}
.popover.popover-primary .popover-header{
    color:#fff;
    opacity:.6
}
.popover.popover-info{
    background-color:#2CA8FF
}
.popover.popover-info .popover-body{
    color:#fff
}
.popover.popover-info.bs-popover-right .arrow:after{
    border-right-color:#2CA8FF
}
.popover.popover-info.bs-popover-top .arrow:after{
    border-top-color:#2CA8FF
}
.popover.popover-info.bs-popover-bottom .arrow:after{
    border-bottom-color:#2CA8FF
}
.popover.popover-info.bs-popover-left .arrow:after{
    border-left-color:#2CA8FF
}
.popover.popover-info .popover-header{
    color:#fff;
    opacity:.6
}
.popover.popover-warning{
    background-color:#FFB236
}
.popover.popover-warning .popover-body{
    color:#fff
}
.popover.popover-warning.bs-popover-right .arrow:after{
    border-right-color:#FFB236
}
.popover.popover-warning.bs-popover-top .arrow:after{
    border-top-color:#FFB236
}
.popover.popover-warning.bs-popover-bottom .arrow:after{
    border-bottom-color:#FFB236
}
.popover.popover-warning.bs-popover-left .arrow:after{
    border-left-color:#FFB236
}
.popover.popover-warning .popover-header{
    color:#fff;
    opacity:.6
}
.popover.popover-danger{
    background-color:#FF3636
}
.popover.popover-danger .popover-body{
    color:#fff
}
.popover.popover-danger.bs-popover-right .arrow:after{
    border-right-color:#FF3636
}
.popover.popover-danger.bs-popover-top .arrow:after{
    border-top-color:#FF3636
}
.popover.popover-danger.bs-popover-bottom .arrow:after{
    border-bottom-color:#FF3636
}
.popover.popover-danger.bs-popover-left .arrow:after{
    border-left-color:#FF3636
}
.popover.popover-danger .popover-header{
    color:#fff;
    opacity:.6
}
.popover.popover-success{
    background-color:#18ce0f
}
.popover.popover-success .popover-body{
    color:#fff
}
.popover.popover-success.bs-popover-right .arrow:after{
    border-right-color:#18ce0f
}
.popover.popover-success.bs-popover-top .arrow:after{
    border-top-color:#18ce0f
}
.popover.popover-success.bs-popover-bottom .arrow:after{
    border-bottom-color:#18ce0f
}
.popover.popover-success.bs-popover-left .arrow:after{
    border-left-color:#18ce0f
}
.popover.popover-success .popover-header{
    color:#fff;
    opacity:.6
}
.tooltip.bs-tooltip-right .arrow:before{
    border-right-color:#fff
}
.tooltip.bs-tooltip-top .arrow:before{
    border-top-color:#fff
}
.tooltip.bs-tooltip-bottom .arrow:before{
    border-bottom-color:#fff
}
.tooltip.bs-tooltip-left .arrow:before{
    border-left-color:#fff
}
.tooltip-inner{
    padding:.5rem .7rem;
    min-width:130px;
    background-color:#fff;
    font-size:14px;
    color:inherit;
    box-shadow:0px 5px 25px 0px rgba(0,0,0,0.2)
}
@font-face{
    font-family:'Nucleo Outline';
    src:url("../fonts/nucleo-outline.eot");
    src:url("../fonts/nucleo-outline.eot") format("embedded-opentype"),url("../fonts/nucleo-outline.woff2") format("woff2"),url("../fonts/nucleo-outline.woff") format("woff"),url("../fonts/nucleo-outline.ttf") format("truetype");
    font-weight:normal;
    font-style:normal
}
.now-ui-icons{
    display:inline-block;
    font:normal normal normal 14px/1 'Nucleo Outline';
    font-size:inherit;
    speak:none;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.now-ui-icons.circle{
    padding:0.33333333em;
    vertical-align:-16%;
    background-color:#eee
}
.now-ui-icons.circle{
    border-radius:50%
}
.nc-icon-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.nc-icon-ul>li{
    position:relative
}
.nc-icon-ul>li>.now-ui-icons{
    position:absolute;
    left:-1.57142857em;
    top:0.14285714em;
    text-align:center
}
.nc-icon-ul>li>.now-ui-icons.circle{
    top:-0.19047619em;
    left:-1.9047619em
}
.now-ui-icons.spin{
    -webkit-animation:nc-icon-spin 2s infinite linear;
    -moz-animation:nc-icon-spin 2s infinite linear;
    animation:nc-icon-spin 2s infinite linear
}
@-webkit-keyframes nc-icon-spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes nc-icon-spin{
    0%{
        -moz-transform:rotate(0deg)
    }
    100%{
        -moz-transform:rotate(360deg)
    }
}
@keyframes nc-icon-spin{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@media screen and (max-width: 580px){
    .alert button.close{
        position:absolute;
        right:11px;
        top:50%;
        transform:translateY(-50%)
    }
}