/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/*.dropdownmenu-primary {*/
/*    font-size: large;*/
/*}*/

.navigation ul {
    float: right;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.333333%;
}

.text-end {
    text-align: right !important;
}

.border-radius-md {
    border-radius: 0.5rem;
}

.icon-shape {
    width: 48px;
    height: 48px;
    background-position: center;
    border-radius: 0.75rem;
}

.bg-gradient-primary {
    background-image: linear-gradient(310deg, #9f2e9f 20%, #f27b2b 100%);
}

.text-center {
    text-align: center !important;
}

.shadow {
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(20 20 20 / 12%), 0 0.125rem 0.25rem -0.0625rem rgb(20 20 20 / 7%) !important;
}


.card {
    box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
}

.fa, .fas {
    /*color: #fff;*/
    font-size: 24px;
    padding: 11px 0;
}

.page-item.active .page-link {
    background-color: #063D9A !important;
    border-color: #bdbdbe;
}

.header-profile-user {
    background-color: #dbd9d9 !important
}

.carousel-inner {
    transition: transform .2s;
}

.carousel-inner:hover {
    transform: scale(1.5);
}

.validate-star {
    color: #ff0000;
}

.emp-border {
    border: 5px solid #e1e5ff;
}

.avatar-border {
    border: 3px solid #5a66b0;

}

.textWrapping {
    white-space: normal !important;
    word-wrap: break-word;
"
}

table.dataTable {
    margin-top: 0px !important;
}

table.dataTable thead .sorting {
    background-image: url("") !important;
}

table.dataTable thead .sorting_asc {
    background-image: url("") !important;
}

table.dataTable thead .sorting_desc {
    background-image: url("") !important;
}

.card-header {
    border-bottom: 1px solid #e9e9ef00 !important;
}

.tab-scrool {
    overflow-x: scroll;
}
.btn-darkblue {
    color: #fff;
    background-color: #5156be;
    border-color:#5156be;
}
.btn-darkblue:hover {
    color: white;
    background-color:rgba(81,86,190,0.9) ;
    border-color: rgba(81,86,190,0.9);
}
.btn-submit{
    color: #fff;
    background-color: #4A95D1;
    border-color:#4A95D1;
}
.btn-submit:hover {
    color: #fff;
    background-color: #5ba0e2;
    border-color:#5ba0e2;
}
.calenderclick input {
    box-sizing: border-box;
    outline: 0;
    position: relative;
    width: 100%;
}
.calenderclick input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}


body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    position: relative;
    width: 260px;
    color: #311212;
    background-color: #4ba6ef;
    -webkit-transition: none;
    transition: none;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #4ba6ef;
}



button.dt-button, div.dt-button, a.dt-button, input.dt-button {

    font-size: 1.00em !important;
    line-height: 1.5em !important;
    color: #fff8f8 !important;
    text-overflow: ellipsis;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.img-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.img-middle:hover {
    opacity: 1;
}