body{
background-color:#F5F2ED;

}

.mtop{
font-size:120%;
font-weight:bold;
}
.mtop form {
display:inline-block;
vertical-align:middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #EDF3F5;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}

body{
    font-size:14px;
    margin:10px;
}
.input-group .form-control{
width:150px;
}
.panel{
   width:75%; 
}
span[onClick]{
cursor: pointer;
}
a span {
color:#50493c;
}
a {
color:#000;
}
table.very-small{
width:50%;
}
table.smaller{
width:75%;
}

table.border{
border:2px solid grey;
}
ul.nav-tabs{
background-color:#D3C4A6;
border-radius: 15px 15px 0 0;
border-bottom: 2px solid #50493c;
padding-right:30px;}
@media (min-width: 768px) {
ul.nav-tabs,ul.nav-pills{
padding-left:55px;
}

}


ul.nav-pills{
background-color:#D3C4A6;
border-radius:0 0 15px 15px ;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ff0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #ff0;
}
.table{
background-color: #fff;
}
tr.nop > td{
background-color:#DC143C;
}

li{
list-style:none;
margin-bottom:5px;
}
li button{
padding:0;
}
.bi-gear, .gear,.gear a{color:blue}
.bi-gear-wide-connected, .gear-wide-connected,.gear-wide-connected  a {color:orange}
.bi-check2-square, .check2-square,.check2-square a {color:green}
.bi-x-circle-fill, .x-circle-fill,.x-circle-fill a  {color:black}
.bi-question-circle, .question-circle,.question-circle a  {color:grey}
.bi-hand-thumbs-up-fill, .hand-thumbs-up-fill,.hand-thumbs-up-fill a  {color:green}
.bi-hand-thumbs-down-fill, .hand-thumbs-down-fill,.hand-thumbs-down-fill a  {color:red}
.bi-file-earmark, .file-earmark,.file-earmark a  {color:red}
.bi-file-earmark-check, .file-earmark-check,.file-earmark-check a  {color:green}
.bi-file-text, .file-text,.file-text a  {color:red}
.bi-file-text-fill, .file-text-fill,.file-text-fill a  {color:green}

.nav > li > a {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
}
.nav > li > a:hover,.nav > li:active > a:hover  {
background-color:transparent;
color:#9b0d0d;
color:#ff0;
}
.nav-pills > li.active > a {
background-color:transparent;
color:inherit;
}
.nav-tabs > li.active > a {
background-color:transparent;
color:inherit;
}

li.active, li.active a{
    color:#9b0d0d;;}
    
.nav-tabs > li.active > a:hover, .nav-pills > li.active > a:hover {
background-color:transparent;color:#9b0d0d;
}

@media (max-width: 768px) {
.nav li  a span{
display:none;
}
.nav > li > a {
font-size:20px;
}
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, li > a:hover, .nav-tabs > li.active > a:focus{
border:transparent;
}
.input-group-addon{
color:#50493c;
background-color:#D3C4A6;
}
.form-control::placeholder{
color:#D3C4A6;
}

.table > thead > tr.info > th,.panel-info > .panel-heading{
color:#50493c;
background-color:#ECE4D5;
border-color:#D3C4A6;
}
.panel-info {
  border-color: #D3C4A6;}
  
h3{
padding:5px;
width:1000px;
color:#50493c;
background-color:#ECE4D5;
border:1px solid #D3C4A6;
border-radius: 5px;
}

h3.dela_small{
width:500px;

}  

.select{
    color:#9b0d0d;;
}
.draggable{
color:#50493c;
    border:1px solid #D3C4A6;
    width:400px;
    min-height:30px;
    float:right;
    z-index:10;
	cursor:grabbing;
    background-image:url('move.png');
	background-repeat:no-repeat;
	background-position:370px 5px;
    background-color:#F5F2ED;
    padding-left:5px;
    padding-top:10px;
}
legend{border-radius: 5px;
border:1px solid #D3C4A6;
width:100px;
padding:15x;
padding-left:10px;
}
fieldset{border-radius: 5px;
border:1px solid #D3C4A6;
width:1000px;
padding:10px;
margin-bottom:10px;
}
legend.long{
width:300px;
}