/* You can add global styles to this file, and also import other style files */
.btn {
  margin-right: 2px !important;
}


.mandatory {
  display: inline;
  color: red;
}

.btn {
  -ms-user-select: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.yellow {
  background-color: #ffffae;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.modal {
  overflow: auto !important;
}

.content-wrapper {
  /*margin-top: 45px;*/
}

.tbl-no-padd th {
  padding: 2px 0px !important;
}

.tbl-no-padd td {
  padding: 2px 0px !important;
}

.option-color-green{
  color:green;
}

.option-color-red {
  color: red;
}

.option-color-blue {
  color: blue;
}

.select-icon-able {
  font-family: 'FontAwesome','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}


li.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  top: -250px;
  left: -130px;
}

.dropdown-submenu {
  position: relative;
}



.buttons-columnVisibility {
  float: left;
  clear: both;
}

  .buttons-columnVisibility.active {
    background-color: #3378a2;
    color: white;
  }


.dt-button-collection {
  /*width:200px;*/
}

.dt-button-background {
  display: none !important;
}

.color-red-span {
  color: #dd4b39;
  width: 40px;
  display: inline-block;
}

.color-green-span i {
  color: #00a65a;
  width: 40px;
  display: inline-block;
}

.color-yellow-span i {
  color: #f39c12;
  width: 40px;
  display: inline-block;
}