.modal-dialog{
    max-width: 73% !important;
    margin: 1.75rem auto;
    max-height: 70% !important;
}

.active-cyan input.form-control[type=text] {
    border-bottom: 1px solid #bfc8c9;
    box-shadow: 0 1px 0 0 #4dd0e1;
  }
  .active-cyan .fa, .active-cyan-2 .fa {
    color: #4dd0e1;
  }

  .my-gallery{
    display: grid !important;
    grid-template-columns: 250px 250px 250px 250px !important;
    column-gap: 10px;
    grid-auto-rows: 190px!important;
  }

  .my-gallery figure{
    overflow: hidden;
  }

  .active_year a{
    color: darkblue;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
  }

  .arrow{
    margin-left: auto !important;
    margin-right: 55px !important;
  }
  .pdf_icon{
  width: 67px;
  margin-left: 66px;
    margin-top: 20px;
  }
  .pdf_icon_multi{
    width: 50px;
    height: auto;
    margin-top:10px;
  }

  @import url(https://fonts.googleapis.com/css?family=Roboto:300);
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
.cm-e-menu {
  background-color: #fff;
  position: relative;
  z-index: 1000;
  color: #0A58CA;
  font-weight: 200;
}
.cm-e-menu ul {
  margin: 0;
  padding: 0;
}
.cm-e-menu li {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  text-transform: capitalize !important;
  list-style: none;

  -webkit-transition: background-color ease-in 300ms;
  -moz-transition: background-color ease-in 300ms;
  -ms-transition: background-color ease-in 300ms;
  -o-transition: background-color ease-in 300ms;
  transition: background-color ease-in 300ms;
}
.cm-e-menu li:hover {
  background-color: #eeee;
}
.cm-e-menu ul li.topmenu {
  display: inline-table;
  padding: 0.3em 1em;
}
.cm-e-menu .topmenu ul {
  display: none;
  position: absolute;
  background-color: #fff;
}
.cm-e-menu li:hover > ul {
  display: table;
}
.cm-e-menu ul.submenu {
  width: 100%;
  top: 100%;
  left: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  box-shadow: 0 0 10px rgb(233, 233, 233);
}

.cm-e-menu ul.submenu .submenu {
  top: -0.5em;
  left: 100%;
  font-size: 1em;
}
.cm-e-menu ul.submenu li {
  padding: 0.2em 1.5em;
  font-size: 0.9rem;
}

.cm-e-menu li.divider:hover {
  background-color: transparent;
}
/* ul,
li {
  background-color: #fff;
} */

.li_href{
  text-decoration: none;
  color: #0A58CA;
  margin-left: 23px;
  font-size: 17px;
}


.upload_button{
  cursor: pointer;
}        

.selected_image{
  border: 3px solid #4dd0e1;
}

.multi_container{
  display: flex;
  justify-content: flex-start; 
}

/* start tooltip */
*[data-tooltip] {
  position: relative;
}

*[data-tooltip]::after {
  content: attr(data-tooltip);
  
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  
  display: block;
  font-size: 12px;
  line-height: 16px;

  color:#fff;
  background: #113242;
  padding: 2px 2px;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);
}

*[data-tooltip]:hover::after {
  opacity: 1;
}

/* /////////////////////////////////////// bids container //////////////////// */

.bid_container{
  margin: 20px !important;
  width: 150px !important;
}