.bg-login {
	background-image: url(../img/bg-login-img.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed
}
.btn-left{
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.btn-right{
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.highlight{
    border: solid 1px red;
}
/*.table th{*/
/*    background-color: #cacfcd ;*/
/*    color: #525f7f !important;*/
/*}*/
/*.table td{*/
/*    color: #525f7f !important;*/
/*}*/
.accordion-button{
    color: #525f7f !important;
}
.form-control{
    color: #525f7f !important;
}
.row{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.active>.page-link, .page-link.active{
    background-color: #3a57a6 !important;
    border-color:#3a57a6 !important;
}
.form-check-input:checked{
    background-color: #198754 !important;
    border-color:#198754 !important;
}
.text-primary{
    color: #3a57a6 !important;
}
.btn-primary{
    color: #ffffff !important;
    background-color: #3a57a6 !important;
    border: #3a57a6 !important;
}
/*.accordion{*/
/*    --bs-accordion-color: #525f7f !important;*/
/*}*/
/*.form-select{*/
/*    color: #3a57a6 !important;*/
/*}*/
.table td{
    vertical-align: middle;
}
.table td{
    vertical-align: middle;
}
span.deleteicon {
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
}
span.deleteicon span {
    position: absolute;
    display: block;
    right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #ccc;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
    margin-right: 3px;
}
span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
}
.auto-complete{
    display: block;
    position: absolute;
    margin-top: 5px;
    max-height: 150px;
    overflow-y: scroll;
    width: 300px;
}
.auto-complete li{
    cursor: pointer;
    padding:5px 10px;
}
.auto-complete li:hover {
    /*font-size: 22px;*/
    background: #f6f6f6;
    color: #3a57a6;
}
.widgets-icons {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 26px;
    border-radius: 10px
}

.widgets-icons-2 {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 27px;
    border-radius: 10px
}
.bg-gradient-burning {
    background: linear-gradient(to right, #ff416c, #ff4b2b)!important
}
.bg-gradient-blues {
    background: linear-gradient(to right, #56ccf2, #2f80ed)!important
}
.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(
        45deg
        , #fc4a1a, #f7b733)!important;
    background: linear-gradient(
        45deg
        , #fc4a1a, #f7b733)!important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
        45deg
        , #00b09b, #96c93d)!important;
    background: linear-gradient(
        45deg
        , #00b09b, #96c93d)!important;
}
.radius-10 {
    border-radius: 10px
}
.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(
        45deg
        , #ffdf40, #ff8359)!important;
    background: linear-gradient(
        45deg
        , #ffdf40, #ff8359)!important;
}

.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(
        45deg
        , #17ead9, #6078ea)!important;
    background: linear-gradient(
        45deg
        , #17ead9, #6078ea)!important;
}

.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(
        45deg
        , #f54ea2, #ff7676)!important;
    background: linear-gradient(
        45deg
        , #f54ea2, #ff7676)!important;
}