.clearfix {
    @include clearfix;
}

.is-hidden {
    display: none !important;
}

.is-invisible {
    visibility: none !important;
}

.block {
    display: block        !important;
}

.inline {
    display: inline       !important;
}

.inline-block {
    display: inline-block !important;
}

.left {
    float: left  !important;
}

.right {
    float: right !important;
}

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

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

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

.mt0 {
    margin-top: 0   !important;
}

.mt1 {
    margin-top: 1em !important;
}

.mb0 {
    margin-bottom: 0   !important;
}

.mb1 {
    margin-bottom: 1em !important;
}

hr {
    margin: 0.6rem 0 !important;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-18 {
    width: 18% !important;
}

.w-19 {
    width: 19% !important;
}

.w-20 {
    width: 20% !important;
}

.w-21 {
    width: 21% !important;
}

.w-22 {
    width: 22% !important;
}

.w-23 {
    width: 23% !important;
}

.w-24 {
    width: 24% !important;
}

.w-26 {
    width: 26% !important;
}

.w-27 {
    width: 27% !important;
}

.w-28 {
    width: 28% !important;
}

.w-29 {
    width: 29% !important;
}
.w-90
{
    width:95% !important;    
}


.breadcrumb {
    padding: 0 !important;
    background-color: white !important;
    margin-bottom: 0 !important;
}


.btn-light {
    background-color: #f6f7f8 !important;
}

.form-check-inline label {
    margin-right: 15px !important;
}

.checkbox.disabled label,
.form-check.form-check-inline.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed;
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
}

input[type=radio] {
    margin-right: 0px !important;
}

input[type=text],
input[type=password],
select {
    height: 30px !important;
    padding: 0px 5px !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

option {
    padding: 0px !important;
}

input[format="number"],
input[format="currency"],
input[format="date"],
input[format="decimal"] {
    text-align: right;
}

td[format="action"],
th[format="action"] {
    text-align: center;
}

td[format="currency"],
th[format="currency"],
td[format="number"],
th[format="number"],
td[format="decimal"],
th[format="decimal"],
td[format="date"],
th[format="date"] {
    text-align: right;
}

.req {
    color: red;
}
    .optional {
        display:none;
    }
.btn {
    padding: 3px 10px !important;
    border-radius: 0 !important;
    font-size: 15px
}

.btn-white {
    background-color: white !important;
    border-color: #dae0e5 !important;
}

.btn-white:hover {
    background-color: #f6f7f8  !important;
    border-color: #f6f7f8 !important;
}

.dropdown-menu-center {
    right: auto !important;
    left: 50% !important;
    top: 20px !important;
    -webkit-transform: translate(-50%, 0) !important;
    -o-transform: translate(-0%, 0);
    transform: translate(-50%, 0) ;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25) !important;
}
.h2{
    font-weight:300!important;
    font-size:1.5rem !important;
    color: rgb(51, 51, 51);
    margin-bottom:6px!important;
    margin-top:6px;
    margin-left:30px!important;
   
}
.font-size-small
{
    font-size:16px !important;
}
.render{ 
    -webkit-align-content: center;
  align-content: center; 
}
.dropdown-menu > li > a:active {
    background-color: #f6f6f6 !important;
}

.dropdown-menu > a:active {
    background-color: #f6f6f6 !important;
}

.dropdown-menu > a:active {
    background-color: #f6f6f6 !important;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager{
    margin-top:unset!important;
}
.dx-pager{
    padding:3px 0px 3px 0px!important;
}