/*a.dropdown-item:hover {background:green; color:white; }*/
body {
  margin: 0px;
  height: -webkit-fill-available;
  height: 100vh;
}


.form-control:focus {
  border-color: lightgray;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
  outline: 1px solid lightgray;
  outline-offset: 0;  
}


a {
  color: #AA0000;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #AA0000;
  text-decoration: underline;
}

.sub_ol {
    padding-left: 1em;
    /* If you want you can change the list type from inside or outside */
}

.embed-container iframe, .embed-container object, .embed-container embed
{ 
  position: absolute; top: 20; left: 30; width: 60%; height: 60%; clip-path: inset(2px 2px);
}  

@media (max-width: @screen-xs-min) {
  .modal-xs { width: @modal-sm; }
}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: MistyRose;
}


[data-toggle="collapse"] .fa:before {
  content: "\f139";
  color: text-danger;
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
  color: darkgray;
}

.btn{white-space:normal;}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.add-border{
    border: 1px solid;
    border-color: lightgray ; /*#DC3545;
    border-color: white; /*#AA0000; */
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    /* box-shadow: 1px 0px rgba(255, 0, 0, 0.6), -0.4em 0 .4em rgba(255, 0, 0, 0.6); */
    /* box-shadow: #DC3545 0px 1px 2px 0px,#DC3545 0px 2px 6px 2px; */
    /* box-shadow: #DC3545 0px 1px 4px; */
  /* background-color:#eeeeee; */
  background-color:#f2f3f4;

}


.up, .down        { cursor: pointer; }
.up::after         { content: '△'; }
.up:hover   { content: '▲'; color: #DC3545;}
/* .up:hover::after   { content: '▲'; color: #DC3545;} */
.down::after       { content: '▽'; }
/* .down:hover::after { content: '▼';  color: #DC3545;} */
.down:hover { content: '▼';  color: #DC3545;}


/* .textarea:focus{
  box-shadow: 1px 0px rgba(255, 0, 0, 0.6), -0.4em 0 .4em rgba(255, 0, 0, 0.6);
  outline: 1px solid lightgray;
  outline-offset: 0;
} */

.btn.hidden{
  background-color: gray;
  color: white;
}

.btn.optbtn:disabled{
  background-color: lightgray;
  color: white;
}

.btn.optbtn:focus,
.btn.optbtn{
  outline: 1px solid lightgray;
  outline-offset: 0;
  box-shadow:   0px 0px 1px 1px gray;
}

.falias:disabled {
  /* border-style: none; */
  border: 1px solid white;
  padding: 0px 0px 0px 2px  ;
  /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
  outline: 1px solid lightgray;
  outline-offset: 0;   */
}

.falias:focus {
  border-radius: 15px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
  outline: 1px solid lightgray;
  outline-offset: 0;  
}


.falias:enabled {
  border-radius: 15px;
  border: 1px solid lightgray;
  padding: 0px 0px 0px 2px  ;
}

.falias:disabled {
  border-radius: 15px;
  border: 1px solid lightgray;
  padding: 0px 0px 0px 2px  ;
}

#id_table_listing {
  margin-bottom: 125px;
}

.footer {
  bottom: 0px;
  width: 100%;
  color: lightgray;
}

::placeholder {
  font-size: 12px;
  }