.status-active {
    background: lightgreen !important;
}
.status-not-active {
    background: lightcoral !important;
    color: white;
}
.text-bold {
    font-weight: bold;
}

.new-offer .offer-notification {
    margin-bottom: 50px;
}
.new-offer .offer-notification {
    position: relative;
}


/*auto complete design*/

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

 li.ui-menu-item{
    padding:0 .5em;
    line-height:2em;
    font-size:.8em;
     
}
body a.ui-state-focus{
    background: #F7F7F7;
    color: #ffffff !important;
}


#overlay{  
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

td.negative-percentage {
    direction: ltr;
}


/*scroll td and th*/
.my-offer-container .table-responsive.table {
    border-radius: 0 20px 0 0 !important;
}

.tbl-fixed {
    overflow-x: scroll;
    overflow-y: scroll;
 }
.tbl-container .table th {
    position: sticky;
    top: 0;
    background: #193053;
    z-index: 2;
 }

.tbl-container table.table td {
     border-left: 2px solid #207EB7 !important; 
 }
/*.tbl-container .table td:first-child ,.tbl-container .table th:first-child {
    position: sticky;
    right: 0;
    z-index: 1;
 }*/

/*.tbl-container .table td:nth-child(2) ,.tbl-container .table th:nth-child(2) {
    position: sticky;
    right: 86px;
    z-index: 1;
 }*/

/* .tbl-container .table td:nth-child(3) ,.tbl-container .table th:nth-child(3) {
    position: sticky;
    right: 214px;
    z-index: 1;
 }*/

/* .tbl-container .table td:nth-child(4) ,.tbl-container .table th:nth-child(4) {
    position: sticky;
    right: 285px;
    z-index: 1;
 }*/

/* .tbl-container .table td:nth-child(5) ,.tbl-container .table th:nth-child(5) {
    position: sticky;
    right: 381px;
    z-index: 1;
 }*/
 
/* .tbl-container .table td:nth-child(6) ,.tbl-container .table th:nth-child(6) {
    position: sticky;
    right: 452px;
    z-index: 1;
 }
*/
 /* 
  .tbl-container .table td:nth-child(7) ,.tbl-container .table th:nth-child(7) {
    position: sticky;
    right: 571px;
    z-index: 1;
 }*/
 


/*.tbl-container .table td:last-child ,.tbl-container .table th:last-child {
    position: sticky;
    left: -12px;
    z-index: 1;
 }
 .tbl-container .table th:last-child ,.tbl-container .table th:last-child {
    z-index: 3;
 } */

/*.tbl-container .table th:first-child ,.tbl-container .table th:nth-child(2),.tbl-container .table th:nth-child(3) ,.tbl-container .table th:nth-child(4),.tbl-container .table th:nth-child(5),.tbl-container .table th:nth-child(6)  ,.tbl-container .table th:nth-child(7)  {
    z-index: 3;
 } 
*/


#content-1 {
    height: 600px;
}

.my-offer .table-responsive {
    height: auto;
}
.my-offer-container .table-responsive.table {
    width: 1600px;
}

.new-offer .alert.alert-light {
    margin-bottom: 40px !important;
}

.modal-footer.button-center {
    justify-content: center;
    -webkit-justify-content: center !important;
}

 
.ui-tooltip-content {
    font-size: 14px;
    color: #fff;
}

.ui-tooltip.ui-widget.ui-widget-content {
    border: 1px solid #207EB7;
    background-color: #207EB7;
    padding: 2px 5px 3px 3px;
    border-radius: 0px;
}

.loader-message {
    color: #000;
    z-index: 9999999999;
    opacity: 1;
    background: #fff;
    border: 1px solid #000;
    padding: 1px;
}

.my-offer-container .purple-color {
    background: #800080;
    color: #fff;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}


@media (min-width: 1200px) and (max-width: 1520px) {
    .my-offer .offer-notification .blue-btn {
        margin: 0 10px !important;
        font-size: 15px;
         padding: 19px 19px; 
    }
}

 .arena-video-inner iframe {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
 

/* Important part */
#infoModal .modal-dialog{
    overflow-y: initial !important
}
#infoModal .modal-body{
    height: 80vh;
    overflow-y: auto;
}


#infoModal .white-bg-section {
     box-shadow: unset;
     padding-top: 30px;
    padding-bottom: 0px;
}

#infoModal .roles-list-item ol li {
        margin: 0px 0 23px;
}

#infoModal .modal-dialog .modal-body {
    padding: 0px;
}