/*
    Custom styles

    Author : Xanders Samoth | https://www.linkedin.com/in/xanders-samoth-b2770737/
*/
/********** Typographie **********/
body {
    font-family: 'Roboto', sans-serif;
}

pre,
code,
kbd,
samp {
	font-family: 'Montserrat', sans-serif;
}

pre {
    font-family: inherit!important;
    font-size: inherit!important;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h6,
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
	font-family: 'Roboto', sans-serif;
}

p, li {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.9;
}

/********** jQuery Ellipsis **********/
.ellip {
    display: block;
    height: 100%;
    transition: .3s;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

/********** Counter **********/
.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #3acf87;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

/********** Custom colors **********/
/* background */
.acr-bg-blue {
    background-color: #005dba !important;
}

.acr-bg-blue-transparent {
    background-color: rgba(0, 93, 186, 0.5) !important;
}

a.acr-bg-blue-transparent:hover {
    transition: .3s;
    background-color: rgba(0, 93, 186, 0.7) !important;
}

.acr-bg-yellow {
    background-color: #febd00 !important;
}

.acr-bg-yellow-transparent {
    background-color: rgba(255, 188, 1, 0.5) !important;
}

a.acr-bg-yellow-transparent:hover {
    transition: .3s;
    background-color: rgba(255, 188, 1, 0.7) !important;
}

.acr-bg-red {
    background-color: #ad0304 !important;
}

.acr-bg-red-transparent {
    background-color: rgba(229, 6, 1, 0.5) !important;
}

a.acr-bg-red-transparent:hover {
    background-color: rgba(229, 6, 1, 0.7) !important;
}

.acr-bg-navy-blue {
    background-color: #cffafe !important;
}

.acr-bg-blue-gray {
    background-color: #2f465e !important;
}

.acr-bg-gray {
    background-color: #e0e0e0 !important;
}

a.acr-bg-gray:hover {
    transition: .3s;
    background-color: #c0c0c0 !important;
}

/* button */
.acr-btn-blue {
    background-color: #005dba !important;
    color: #fff !important;
    border-color: #0058b1 !important;
}

.acr-btn-blue:hover {
    background-color: #0058b1 !important;
    color: #fff !important;
    border-color: #0058b1 !important;
}

.acr-btn-outline-blue {
    background-color: transparent !important;
    color: #005dba !important;
    border-color: #005dba !important;
}

.acr-btn-outline-blue:hover {
    background-color: #005dba !important;
    color: #fff !important;
    border-color: #005dba !important;
}

.acr-btn-yellow {
    background-color: #febd00 !important;
    color: #333 !important;
    border-color: #f1b500 !important;
}

.acr-btn-yellow:hover {
    background-color: #f1b500 !important;
    color: #333 !important;
    border-color: #f1b500 !important;
}

.acr-btn-outline-yellow {
    background-color: transparent !important;
    color: #f1b500 !important;
    border-color: #f1b500 !important;
}

.acr-btn-outline-yellow:hover {
    background-color: #f1b500 !important;
    color: #333 !important;
    border-color: #f1b500 !important;
}

.acr-btn-red {
    background-color: #ad0304 !important;
    color: #fff !important;
    border-color: #ad0304 !important;
}

.acr-btn-red:hover {
    background-color: #ad0304 !important;
    color: #fff !important;
    border-color: #ad0304 !important;
}

.acr-btn-outline-red {
    background-color: transparent !important;
    color: #ad0304 !important;
    border-color: #ad0304 !important;
}

.acr-btn-outline-red:hover {
    background-color: #ad0304 !important;
    color: #fff !important;
    border-color: #ad0304 !important;
}

/* border */
.acr-border-blue {
    border-color: #005dba !important;
}

.acr-border-yellow {
    border-color: #febd00 !important;
}

.acr-border-red {
    border-color: #e20401 !important;
}

/* text */
.acr-text-blue {
    color: #005dba !important;
}

.acr-text-yellow {
    color: #febd00 !important;
}

.acr-text-red-1 {
    color: #e20403 !important;
}

.acr-text-red-2 {
    color: #ad0304 !important;
}

/* paragraph */
.acr-line-height-1 {
    line-height: 1;
}

.acr-line-height-1_4 {
    line-height: 1.4;
}

.acr-line-height-1_45 {
    line-height: 1.45;
}

.acr-line-height-1_5 {
    line-height: 1.5;
}

/* stretched link */
.card-body + .stretched-link::after {
    background-color: rgba(70, 100, 150, 0.2)!important;
    opacity: 0;
    transition: .3s;
}

.card-body + .stretched-link.changed::after {
    opacity: 1;
}

@media (min-width: 992px) {

}

@media (min-width: 768px) {

}

@media screen and (max-width: 480px) {
    #adminNotification .dropdown-menu {
        right: -100px;
    }
}