/* GridView */


/* add sorting icons to gridview sort links */

a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\f15d";
}

a.desc:after {
    content: "\f15e";
}

.sort-numerical a.asc:after {
    content: "\f162";
}

.sort-numerical a.desc:after {
    content: "\f163";
}

.sort-ordinal a.asc:after {
    content: "\f0de";
}

.sort-ordinal a.desc:after {
    content: "\f0de";
}

.grid-view th {
    white-space: nowrap;
}


/* End GridView */

.sidebar .nav-link .nav-icon {
    display: inline-block;
    width: 1.09375rem;
    margin: 0 0.5rem 0 0;
    font-size: 0.875rem;
    /*color:  #aab1d5;*/
    color: #63c2de;
    text-align: center;
}

.hx-header {
    background-color: #17a2b8;
    color: #fff;
    font-weight: bold;
}

.hx-button-bar {
    text-align: left;
}


/* select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/src/dropdown.png) right / 20px no-repeat #fff;
    padding-right: 20px;
} */

form .validating .invalid-feedback {
    display: block;
}

form .required .invalid-feedback {
    display: block;
}

body {
    background-image: url(../img/src/bglogin.jpg);
}


/* Custom text color styles */

.text-indigo {
    color: #6610f2;
}

.text-cyan {
    color: #17a2b8;
}

.text-teal {
    color: #20c997;
}

.text-pink {
    color: #e83e8c;
}

/* Sum total edits */ 
.badema-sum-total {
 background-color: var(--warning);
 font-weight: bold;
}

/*Sidebar nav link
.sidebar .nav-link {
    display: block;
    padding: 0.75rem 1rem;
    color: red;
    text-decoration: none;
    background: transparent;
}*/


@media (min-width: 992px) {
.sidebar-minimized .sidebar .nav-link {
   color : transparent;
}


.sidebar-minimized .sidebar .nav-link:hover {
    color : #fff;
}
}

.select2-container--krajee-bs4 .select2-selection__clear {
      color: var(--danger) !important;
	  text-shadow: 0 1px 0 #fff;
      opacity: 0.5;
}
