.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
  legend {
        margin-bottom: 10px !important;
        border-bottom: 1px solid #b9b3b3 !important;
    }
.form-group .btn {
    margin-bottom: 0px !important;
}

.pagination {
    margin: 0px !important;
}

.DisableClass {
    background-color: lightgrey !important;
    pointer-events: none !important;
    opacity:0.7;
}

.IModalHeader {
    background-color: #26B99A;
}

.clsMandatory{
        border-left:4px solid #f7856b;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
.paddingRightZero{
    padding-right:0px !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
  .ui-menu .ui-menu-item{
        padding:5px 8px !important;
    }
    
    .ui-state-focus{
        background-color:#398439 !important;
        color:white !important;
    }





     .focusGrd {
        background-color: #4e6579;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
    }

    .selectedheader {
        background-color: #4e6579;
        color: #fff;
        font-weight: bold;
    }

    .asc:after {
        content: "\25B2";
    }

    .desc:after {
        content: "\25BC";
    }


/* For desktop: */
/*.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}*/

/*@media only screen and (max-width: 768px) {
    /* For mobile phones: 
    [class*="col-"] {
        width: 100%;
    }
}*/