a{
    color:#2caae1;
}
.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

.bg-primary{
    background-color: #2caae1 !important;
}
.btn-primary {
    color: #fff;
    background-color: #2caae1;
    border-color: #2caae1;
}
.btn-primary:hover{
    background-color: #C64646;
    border-color: #2caae1;
}



Rules
Computed
Animations
Fonts

element {

}
.page-item.active .page-link {
    background-color: #2caae1;
    border-color: #2caae1;
}
.page-link {
    color: #2caae1;
    border: 1px solid #2caae1;
}
.page-item.disabled .page-link {
    border-color: #2caae1;
}

.page-link:hover {
    border: 1px solid #2caae1;
}
.ss-form .ss-input-control {
    border-color: #2caae1;
}
.ss-card-header {
    background-color: #2caae1;
    color: white;
}
.ss-modal-header {
    background-color: #2caae1;
    color: white;
}
.ss-modal-header .close{
    color:white;
    opacity: .8;
}

.ss-section-title{
    border-bottom: 1px solid #2caae1;
    color:#2caae1;
}
.ss-form {
    border: 1px solid #2caae1;
}
.ss-form hr{
    border-color: #2caae1;
}

.ss-form-title{
    background-color: #2caae1;
    margin-bottom: 0px;
}
.ss-table.table-bordered th, .ss-report-table.table-bordered td {
    border: 1px solid #a6a9a7;;
}
.ss-report-table th{
    background-color: #c9cecb;
    color: #444;
}

.ss-dot1, .ss-dot2 {
    background-color: #2caae1;
}
.cbp-spmenu {
    background: #5f5f5f;
}
.cbp-spmenu h3 {
    color: #fff;
    background: #2caae1 !important;
}
.cbp-spmenu a:hover {
    background: #2caae1;
}
.cbp-spmenu a:active {
    background: #fc8f1b;
    color: #fff;
}
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #2caae1;
}
.btn-outline-secondary {
    color: #2caae1;
    border-color: #2caae1;
}
.input-group-addon{
    background-color: #2caae1;
    color: #fff;
}
.ss-menu-item:hover {
    background-color: #2caae1;
    color: white;
}
.ss-required-input-error{
    background-color:#f88102;
    color:white;
}
.custom-file-control {
    height: 2rem;
    padding: 0.4rem 1rem;
}
.custom-file-control::before {
    padding: 0.4rem 1rem;
    height: 2rem;
    color: #fff;
    background-color: #2caae1;
}
.ss-page-title {
    border-bottom: 1px solid #2caae1;
    margin-bottom: 10px;
}

/*Select-2 dropdown */
.select2-container--bootstrap4 .select2-selection {
    border: 1px solid #2caae1;
}
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #2caae1;
    color: #fff;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #495057;
    background: #d8d8d8;
    border: 1px solid #ababab;
}
.select2-results .select2-highlighted {
    color: white;
    background-color: #2caae1;
}
.select2-drop-active {
    border-color: #2caae1;
}
.form-control{
    border-color: #2caae1;
}
.select2-container.form-control{
    margin: 0;
    border:1px solid #2caae1;
}
.form-control{
    border-color: #2caae1;
}
.ss-track-label {
    border-right: 1px solid #2caae1;
    background-color: #2caae1;
    color: white;
}
.ss-track-value {    
    border-top: 1px solid #2caae1;
    border-right: 1px solid #2caae1;
}
.ss-track-row {
    border-left: 1px solid #2caae1;
    border-bottom: 1px solid #2caae1;
}
.ss-slidericon {
    color: #2caae1;
}
.ss-btn-xs{
    background-color: #2caae1;
}
.ss-nav-tabs .nav-link.active {
    background-color: #2caae1;
}
.ss-nav-tabs {
     border-bottom: 1px solid #2caae1; 
}
.ss-mega-menu-item:hover {
    background-color: #2caae1;
}
.app-header{
    background-color: #2caae1;
}
.app-header__logo{
    background-color: #bb0a07;
}
.app-search__title {
    background-color: #2caae1;
    color: #fff;
}
.app-sidebar{
    background-color: #2caae1;
}
.treeview-menu {
    background: #8e8e8e;
}
.input-group-text {
    font-size: 0.9rem;
    color: #ffffff;
    background-color: #2caae1;;
    border: 1px solid #2caae1;;
    border-radius: 0.25rem;
}

.heading-medium {
    background: #2caae1;
    border: 1px solid #2caae1;
    color: white;
}