:root {
    --primary-color: #38c172;
    --primary-color-hover: #4ade7a;
    --main-bg-color: linear-gradient(135deg, rgba(52,74,92,1) 0%, rgba(65,86,105,1) 38%, rgba(78,98,116,1) 70%, rgba(93,114,130,1) 100%);
}

.btn-primary{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:focus{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover{
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}

.box.box-primary{
    border-top-color:var(--primary-color);
}

#dataTableBuilder_wrapper .dt-buttons .buttons-create{
    background-color: var(--primary-color);
    border-color: var(--primary-color); 
}

#dataTableBuilder_wrapper .dt-buttons .buttons-create:hover{
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}
#dataTableBuilder_wrapper .pagination .active a{
    background-color: var(--primary-color);
    border-color: var(--primary-color); 
}

.direct-chat-primary .right>.direct-chat-text{
    background:  var(--primary-color);
    border-color:  var(--primary-color);
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before{
    border-left-color: var(--primary-color);
}

.form-control:focus{
    border-color: var(--primary-color);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background:  var(--primary-color);
    border-color:  var(--primary-color);
}


body.login-page, body.register-page{
    background: var(--main-bg-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--primary-color);
}
.select2-container--default.select2-container--open{
    border-color: var(--primary-color);
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: var(--primary-color) !important;
}
.select2-container--default .select2-search--inline .select2-search__field{
    width: 100% !important;
}