.btn-rounded{
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
}

.rounded{

	border-radius:9px !important;
}

.rounded-left {
    border-top-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
}

.rounded-right {
    border-top-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.rounded-bottom {
    border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.rounded-top {
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.templateColor{
	background: rgba(108,95,252,1) !important;
	color:#fff !important;
}

.templateColor2{
    background: #05C3FB!important;
    color:#fff !important;
}

.text-template{
    color:rgba(108,95,252,1) !important;
}

.templateColorIcon{
    color: rgba(108,95,252,1) !important;
}

.bg-light{
	background: rgba(246,246,251,1)!important;
}

.bg-light.btn:hover, .bg-light.btn:link, .bg-light.btn:active, .bg-light.btn:visited, .bg-light.btn:focus  {
    background: rgba(246,246,251,1)!important;
    border-color: #dae0e5!important;
    color: #121a24!important;
}

.backgorundImage{
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.content-wrapper {
    background-color: #F0F0F5 !important;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: #F0F0F5 !important;
    color: #212529;
}

#sidebar-overlay {
    background-color: rgba(240,240,245,.5) !important;
}

.btn {
    font-size: .85rem !important;
    border-radius: .35rem !important;
    padding: .5rem .85rem !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

.bootstrap-tagsinput{
    border-radius:7px !important;
        line-height: 31px !important;

}

.bootstrap-tagsinput .badge {
  background-color:rgba(108,95,252,1) !important;
  border:1px solid rgba(108,95,252,1) !important;
}

.flex-control-paging li a {
    width: 7px !important;
    height: 7px !important;
}

.flex-direction-nav a:before {
    font-family: "remixicon" !important;
    content: '\EA64' !important;
}

.flex-direction-nav a.flex-next:before {
    content: '\EA6E' !important;
}

button.pulseAnimation, a.pulseAnimation{
    animation: increaseSize 3s infinite;
}

@keyframes increaseSize {
    0% {
    transform: scale(1);
    }
    10% {
    transform: scale(1.2);
    }

    20% {
    transform: scale(1);
    }

}

.todo-list .handle, .todo-gallery .handle  {
    cursor: move;
    display: inline-block;
    margin: 0 5px;
}

.form-control:disabled, .form-control[readonly]{

     background-color: rgba(246,246,251,1)!important;
}

/*=============================================
Scroll
=============================================*/

.custom-scroll::-webkit-scrollbar{
  width:7px;
}

.custom-scroll::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 0px;
}

.custom-scroll::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 2px;
  border-radius:5px;
  background: #eee;
}

@media (min-width: 992px){
    .modal-md {
        max-width: 560px !important;
    }
}

.select2-selection{
    border-radius:9px !important;
    
}


.table-striped tbody tr:nth-of-type(odd){
    background: #F0F0F5!important;
}

@media (min-width: 1837px){

    .row-cols-xxl-6>* {
        -ms-flex: 0 0 16.6666667% !important;
        flex: 0 0 16.6666667% !important;
        max-width: 16.6666667% !important;
    }

    .row-cols-xxl-5>* {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .row-cols-xxl-4>* {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}