.hidden {
    display: none;
}

.btn.btn-icon {
    padding: 5px;
}

td .display-flex {
    display: inline-flex;
}

.m-2 {
    margin: 2px !important;
}

.bootstrap-select.form-control:not([class*=col-]),
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.color-gray {
    color: #8b92a9;
}

.form-control:focus {
    border-color: #17a2b8;
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: #17a2b8;
}

.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #17a2b8;
}

.page-item.active .page-link {
    background-color: #17a2b8;
}

.form-control,
.is-focused
.form-control {
    background-image: linear-gradient( 0deg,#17a2b8 2px,rgba(156,39,176,0) 0),linear-gradient( 0deg,hsla(0,0%,71%,.1) 1px,hsla(0,0%,71%,0) 0) !important;
}

.btn-radius-10 {
    border-radius: 10px !important;
}

.p-8-10 {
    padding: 8px 10px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background: #17a2b8 linear-gradient( 180deg,#17a2b8,#17a2b8) repeat-x;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(0deg,#17a2b8 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,hsla(0,0%,71%,.1) 1px,hsla(0,0%,71%,0) 0)
}

.bootstrap-datetimepicker-widget table td span.active {
    background: #17a2b8;
}

.bootstrap-datetimepicker-widget table td.active:hover > div,
.bootstrap-datetimepicker-widget table td.active > div {
    background-color: #17a2b8;
}

.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget a[data-action]:hover span {
    color: #17a2b8;
}

.bootstrap-datetimepicker-widget table td.today > div:before {
    border-bottom-color: #17a2b8;
}

.bootstrap-select .dropdown-item.active {
    background: #17a2b8;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px #17a2b8;
}

a, a:hover {
    color: #17a2b8;
}

/*-- Loader --*/
.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    -webkit-animation: dot-flashing 1s infinite linear alternate;
    animation: dot-flashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

    .dot-flashing::before, .dot-flashing::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .dot-flashing::before {
        left: -15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #9880ff;
        color: #9880ff;
        -webkit-animation: dot-flashing 1s infinite alternate;
        animation: dot-flashing 1s infinite alternate;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .dot-flashing::after {
        left: 15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #9880ff;
        color: #9880ff;
        -webkit-animation: dot-flashing 1s infinite alternate;
        animation: dot-flashing 1s infinite alternate;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

@-webkit-keyframes dot-flashing {
    0% {
        background-color: #9880ff;
    }

    50%, 100% {
        background-color: #ebe6ff;
    }
}

@keyframes dot-flashing {
    0% {
        background-color: #9880ff;
    }

    50%, 100% {
        background-color: #ebe6ff;
    }
}

.loader {
    color: #ffffff;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.w-150 {
    width: 150px !important;
}

.person {
    float: left;
    margin-top: 0.5rem !important;
}

.m-t-0-6 {
    margin-top: 0.6rem !important;
}

.highlight-red {
    color: #FF272A !important;
    font-weight: 500;
}

/* Select Picker */

div.dropdown > div.dropdown-menu.show {
    max-height: 283px !important;
    overflow: hidden !important;
    min-width: 500px !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    will-change: top, left !important;
}

.propic {
    min-width: 35px;
    min-height: 35px;
}


.table_pagesize{
    display:none !important;
}