/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 3.1
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.btn-darkBlue {
    border-color: #2059a8 !important;
    background-color: #2059a8 !important;
    color: #FFF
}

.btn-darkBlue:hover {
    border-color: #3972c0 !important;
    background-color: #3972c0 !important;
    color: #FFF !important
}

.bg-darkBlue {
    background-color: #2059a8 !important
}


.btn-violet {
    border-color: #760098 !important;
    background-color: #760098 !important;
    color: #FFF
}

.btn-violet:hover {
    border-color: #9001b5 !important;
    background-color: #9001b5 !important;
    color: #FFF !important
}

.bg-violet {
    background-color: #760098 !important
}



.btn-celeste {
    border-color: #969696 !important;
    background-color: #969696 !important;
    color: #FFF !important
}

.btn-celeste:hover {
    border-color: #b6b6b6 !important;
    background-color: #b6b6b6 !important;
    color: #FFF !important
}



.btn-celeste2 {
    border-color: #65a8ce !important;
    background-color: #65a8ce !important;
    color: #FFF !important
}

.btn-celeste2:hover {
    border-color: #65a8ce !important;
    background-color: #65a8ce !important;
    color: #FFF !important
}



.bg-celeste {
    background-color: #81a0bd !important
}

.bg-celeste2 {
    background-color: #65a8ce !important
}




.form-control:focus {
    color: #4E5154;
    background-color: #FFF;
    border-color: #90dcf9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bg-lightBlue {
    background-color: #02A0E4 !important
}


.btn-lightBlue {
    border-color: #02A0E4 !important;
    background-color: #02A0E4 !important;
    color: #FFF
}

.btn-lightBlue:hover {
    border-color: #1dbbff !important;
    background-color: #1dbbff !important;
    color: #FFF !important
}



.bg-red {
    background-color: #ed1c24 !important
}


.btn-red {
    border-color: #ed1c24 !important;
    background-color: #ed1c24 !important;
    color: #FFF
}

.btn-red:hover {
    border-color: #f07068 !important;
    background-color: #f07068 !important;
    color: #FFF !important
}

.bg-yellow {
    background-color: #F8C300 !important
}


.btn-yellow {
    border-color: #F8C300 !important;
    background-color: #F8C300 !important;
    color: #FFF
}

.btn-yellow:hover {
    border-color: #ffdc60 !important;
    background-color: #ffdc60 !important;
    color: #FFF !important
}

.horizontal-menu .navbar-light ul#main-menu-navigation>li.active>a {
    border-bottom: 2px solid #f07068;
    background: #FFF;
}


.bg-orange {
    background-color: #ff914d !important
}
.btn-orange {
    border-color: #ff914d !important;
    background-color: #ff914d !important;
    color: #FFF
}

.btn-orange:hover {
    border-color: #fca874 !important;
    background-color: #fca874 !important;
    color: #FFF !important
}

.horizontal-menu .navbar-light ul#main-menu-navigation>li.active>a {
    border-bottom: 2px solid #f07068;
    background: #FFF;
}

a {
    color: #f07068;
    background-color: transparent;
}

a:hover {
    color: #f07068;
}


.mt-2, .my-2 {
    margin-top: 1.9rem !important;
}