/* code for loader starts */

/* code for loader ends */

/* for Mobile */
.input-group-append{
    z-index:1 !important;
}
.sticky-col {
    z-index: 1 !important;
}
@media only screen and (max-width: 450px){
    .footer-links a {
        font-size: 0.9em;
    }
}
/* for Mobile */
/* for Blink Animation - just use blinkAny class */
@keyframes blink {
    0% {
        opacity: 0.4;
    }
    
    50% {
        opacity: 0.8;
    }
    
    80% {
        opacity: 1;
    }
    
    100% {
        opacity: 1;
    }
}

.blinkAny {
    animation: blink 2s infinite;
}
/* for Blink Animation ends */
/* Start of Code for IE */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .main-header-logo-right img{
        margin-top:2.5em;
    }
    .main-header-logo-left{
        margin-top:2em;
    }
    .request-description{max-width:20em !important;}
    .box-title{
        max-width:100% !important;
    }
}

/* End of Code for IE */

/* css loader for doc starts */
.cssLoader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid blue;
  border-right: 2px solid green;
  border-bottom: 2px solid red;
  border-left: 2px solid pink;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}


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

/* css loader for doc ends */

/* styles for contact badges */
.contact-badge {
    color: #fff !important;
}
.contact-active {
    color: #fff !important;
    background-color: #7aaa4b !important;
}
.contact-draft,.contact-inactive {
    color: #fff !important;
    background-color: #9b9b9b !important;
}
.contact-under {
    color: #fff !important;
    background-color: #e89437 !important;
}
.contact-absconded {
    color: #fff !important;
    background-color: #d54040 !important;
}

/* end of styles for contact badges */

/* prevent resizing text areas*/
.form-control{
    resize: none !important;
}

/* Pagination style */

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #e7e8ef;
}

.dataTables_length{ /* to hide "Show 'n' entries" in datatables */
    display : none !important;
}
/* End of Pagination style */

/* to position footer near to main content */
.base-main-content{
    margin-bottom : 0px !important;
}

#preloader {
    z-index: 99999 !important;
}
/* to disable buttons*/
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 1 !important;
    color: rgba(155, 155, 155, 0.5) !important;
    border-color: #f3f1f4 !important;
    background-color: transparent !important;
    cursor:not-allowed  !important;
}


/*for loader on inputs*/
.loadingProgress{
    cursor: wait !important;
    pointer-events: none !important;
}
.tempLoader_input {    
    background-color: #ffffff !important;
    background-image: url("/resource/1583658416000/assets_NUI/images/ip_loader.gif") !important;
    background-size: 25px 25px !important;
    background-position:right center !important;
    background-repeat : no-repeat !important;
}
/*for loader on inputs*/
/*.messageTable h4{
    display:none !important;
}*/
.messageTable {
    padding: 1em !important;
    margin: 2em 2em !important;
    border-radius: 10px !important;
    background-color: #F7EDED !important;
    border: 1px solid;
    border-color: #D0011B;
    color: #000 !important;
    position: relative !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.attBox {
    min-height: 9em;
    min-width: 24em;
}
.loadingProgress{
    cursor: wait !important;
    pointer-events: none !important;
}
.messageTable h4{
    color: #000 !important;
}
.pointer{
    cursor:pointer !important;
}
.fff-Font{
    color:#FFF !important;
}
.fff-Font-hover:hover{
    color:#FFF !important;
}
.requiredFld {
    /*border-left: 0.3rem #E62D38 solid !important;*/
}
.frmErrMsg,.frmErrMsg1,.serErr,.subText {
    color: #E62D38;
    font-size: 1rem !important;
    position: absolute;
    font-weight: 500;
}
.subText{
    color: #949494 !important;
}
.serErr {
    position: relative !important;
}
.warningMsg{
    color:#004eff;
    font-style: italic;
    padding-left: 0.8rem;
    position: absolute;
    background-color: #d5ded9;
}
.modal .frmErrMsg {
    font-size: 0.7rem !important;
}
.serErr{display:none;}

.readOnlyElem{
    pointer-events: none !important;
    border: 2px solid #e5b7b7 !important;
    background: #e4e4e4 !important;
}
.disabledCursor{
    cursor: not-allowed !important;
}
.defaultCursor{
    cursor: default !important;
}
.disabledApex{
    pointer-events: none !important;
    background-color: #cccccc94!important;
}
.aBtn{
   cursor:pointer !important;
   /*color : #fff !important;*/
}

/* to highlight focued inputs*/
.focusStyle{
    box-shadow: 3px 3px 3px 3px silver !important;
    border-radius: 0.5rem !important;
}

/*Defaults using class*/
.MH-400{
    max-height: 400px !important;
    overflow-y: auto !important;
}
.text-grey{
    color: #9B9B9B !important;
}

/*fix the width of the tabs in grqstatus page*/
@media (min-width: 1200px){
    .accordion-tabs .nav-tabs .nav-item {
        min-width: 220px !important;
    }
}


/* Parking */

.rounded-border a {
    border: 1.5px solid #9E9E9E !important;
    padding: 5px !important;
    border-radius: 15px !important;
    color: #000 !important;
    font-size: 0.8em !important;
}


/* for menu */

.panel-request.panel-request-options {
    max-height: 363px !important;
    overflow-y: auto;
}