.tooltip {
      position: relative !important;
      display: inline-block;
      /*border-bottom: 1px dotted black;*/
      opacity: 1 !important;
    }

    .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: #3c8dbc;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;

      /* Position the tooltip */
      position: absolute;
      z-index: 1;
    }

    .tooltip:hover .tooltiptext {
      visibility: visible;
    }

    a.other_upload-lightBox {
      border: 5px solid #d8d8d8;
      display: inline-block;
      width: 100%;
      height: 100px;
      position: relative;
    }
    a.other_upload-lightBox::before, a.other_upload-lightBox::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 99;
      background: #02295C;
      opacity: 0;
      transform: scale(1);
      transition: all .15s ease-in;
    }
    a.other_upload-lightBox::after {
      background-color: transparent;
      background-image: url(../assets/images/Combined-Shape.svg);
      background-size: 22px;
      background-repeat: no-repeat;
      background-position: center;
    }
    a.other_upload-lightBox:hover::before{
      opacity: .8;
      transform: scale(1);
    }
     a.other_upload-lightBox:hover::after {
      opacity: 1;
      transform: scale(1);
      transition-delay: .1s;
    }
    a.other_upload-lightBox img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    a.other_upload-lightBox {
      border: 1px solid #d8d8d8;
      width: 52px;
      height:52px;
      margin: auto;
      display: flex;
    }
    a.other_upload-lightBox img {
      object-fit: contain !important; 
    }
    .img_enlarge:hover {
      transform: scale(2);
      cursor: pointer;
    }
    .fa-trash, .fa-edit, .fa-download{
      color: #3c8dbc !important;
      font-size: 20px !important;
    }

    .error {
      border: 0.5px solid red !important;
    }
    .errors{
      color:red !important;
    }
    .message{
      color:green;
    }
    .box{
    /*overflow-x: scroll !important;*/ 
    }
    .inactive{
      background-color: gray;
    }
    #flash-box{
      color:red;  
      font-size: large;
    }
    .highlight { background-color: #C8C8C8 !important; }

    .btn-lg {
    padding: 6px 16px !important;
    }

    .tooltip .tooltiptext {
      width: 190px !important;
    }

    [data-title] {
      /*font-size: 18px;*/
      position: relative;
      cursor: help;
    }

    [data-title]:hover::before {
      content: attr(data-title);
      position: absolute;
      padding: 10px;
      background: #3c8dbc;
      color: #fff;
      font-size: 14px;
      /*white-space: nowrap;*/
      width: 200px !important;
      word-wrap: break-word;
      border-radius: 10px;
      white-space: -moz-pre-wrap; 
      white-space: -pre-wrap; 
      white-space: -o-pre-wrap; 
      white-space: pre-wrap; 
    }
    [data-title]:hover::after {
      content: '';
      position: absolute;
      bottom: -12px;
      left: 8px;
      border: 8px solid transparent;  
      border-bottom: 8px solid #3c8dbc;
    }

    .select2-container--default .select2-selection--single{
      padding:6px;
      height:37px;
      width: 1120px; 
      /*font-size: 1.2em;*/  
      position: relative;
      border-radius: 0;
      box-shadow: none;
      border-color: #d2d6de;

      display: block;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc
    }

    .w3-dropdown-content {
      margin-left: -105px !important;
}