.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

table.form tr>td:first-child {
    background: #f9f9f9;
    font-weight:500;
    width:200px
}

.nav-tabs.flex-column .nav-link.active{
    border-left: 5px solid #17a2b8
}

.nav-tabs.flex-column .nav-link{
    border-left: 5px solid #fff 
}

section.content-header {
    margin-top:0.5rem;
    margin-left:0.5rem;
padding-top:0;
padding-bottom:0;
padding-left: 0;
border-left: 0.3rem solid blue
}

.content-header h1 {font-size:1.5rem}
.hid{display:none}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: .5em;
    border: 0;
    width: auto;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

.spin-hover:hover::before{
    display:inline-block;
	-webkit-animation: spin 1s linear 1s 5 alternate;
	animation: spin 1s linear infinite;
}

.spin:before{
    display:inline-block;
	-webkit-animation: spin 1s linear 1s 5 alternate;
	animation: spin 1s linear infinite;
}
.info-box .info-box-icon {
    width:40px;height:40px
}
.info-box .info-box-icon i{
    font-size:3rem
}
a.max.icon{
    color:gray
}
a.max.icon:hover{
    color:#000
}

.row .info-box{
    cursor:pointer
}

table.table-form tr>td:first-child{ background:#eee}
table.table-form tr>td:first-child i{ color:red}
table.table-form tr>td:last-child{ background:#fff}
span.comment{color:#97b096;font-size:.8rem}
span.comment i{color:red;font-size:.8rem}
span.input-group-text{
    border: 1px solid #858585;
    border-left: none;
    background: #fff;
    color: #999;
}

.btn-rad{
    border-radius: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}


.template{
    display:none
}