@media (min-width: 1200px){
    .container {
        max-width: inherit;
    }
}


.table thead th{
	border-top: 0px;
}
.table-active, .table-active>td, .table-active>th{
	background-color: transparent;
}
.table {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .08em;
}
.table th{
	color:#3a3a3a;
	font-weight: 500;
	font-size: 12px;
	outline-color:transparent;
	background-color: #9BDE41;
	color:white;
	font-weight: 600;
}
.table td{
	font-weight: 400;
	 font-size: 12px;

}
/*.table tr:hover td{cursor: pointer}*/
.table td.id{
	font-weight: 600;
}
.table tr:hover td.id{
	 text-decoration: underline;
}
.table tr.table-inactive{
	background-color: #FFDDdd;
	color: #ff5454;
}
.table tr.table-active{
	background-color: #EBF8d9;
	color: #54bc08;
}
.table th.structure,
.table td.structure { text-align: left;
font-weight: 600;}

#app-modal .modal-content #contract-download{
	color:var(--global-color-main-darkest);
	text-decoration: none;
	padding: 1em 4em;
	border: 0px;
	margin:  auto;
	display: inherit;
	margin-top: 20px;
	cursor: pointer;
	white-space: nowrap;
	float: right
}
#app-modal .modal-content #contract-download:focus,
#app-modal .modal-content #contract-download:hover{
	color:white;
}
#app-modal .modal-content{
	background-color: white;
	border: 10px solid rgba(55, 184, 237,.2);
	    letter-spacing: .08em;
}
#app-modal .modal-content .modal-title{
  font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	font-size: 18px;
    margin-bottom: 00px;
    margin-top: 0;
	padding-left: 5px;
	color:#3a3a3a;
	text-align: center;
}
#app-modal .modal-content .modal-header{
	padding-bottom:0px;
	color: white;
	border-bottom: 0px;
}
#app-modal .modal-content .close{
	font-size: 2rem
}
#app-modal .modal-content video{
	width: 1280px;
}
#app-modal .modal-content .round-box-body{
	padding:20px;
	font-size: 14px;
	font-weight: 300;
}
#app-modal .modal-content .status {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 20px;
}

#app-modal .modal-content label{
	text-align: left;
    display: block;
	font-size: inherit;
	margin-bottom: 0px
}
#app-modal .modal-content .value{
	font-weight: 500;
}
#app-modal .modal-content .row .col-6:nth-child(2){
	padding-left: 0px;
}
/* .modal active and inactive */
#app-modal.active .modal-content{
	border: 10px solid rgba(155, 222, 65,0.2);
}
#app-modal.active .modal-content .round-box-title{
	background-color: #9BDE41;
}
#app-modal.active .modal-content .status{
	color: #9BDE41;
}
#app-modal.active .modal-content .value{
	
}
#app-modal.active .modal-content a{
	/*color: #9BDE41;*/
	text-decoration: underline;
}
#app-modal.inactive .modal-content{
	border: 10px solid rgba(255, 101, 101,.2);
}
#app-modal.inactive .modal-content .round-box-title{
	background-color: #FF6565;
}
#app-modal.inactive .modal-content .status{
	color: #FF6565;
}
#app-modal.inactive .modal-content a{
	/*color: #FF6565;*/
	text-decoration: underline;
}

#app-contracts #app-loader,
#app-contracts #app-content{

    padding:20px;
    border-radius: 5px;
    background-color: #F7F7F7;
}

 .filter{ 
	background-color: #F7F7F7;
	margin-bottom: 20px;
	border-radius: 5px;
	font-size:12px;
	letter-spacing: 0.08em;
}
 .filter h5{
	color:#3a3a3a;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;	
	letter-spacing: 0.08em;
    margin-bottom: 1rem;
}
.filter h5 i.material-icons{
	font-size:15px
}
.filter .form-group{
	margin-bottom: 0;
}
.filter .form-group legend{
	padding-left: .75rem;
}
.filter input,
.filter select{
    font-size:1em;
    margin: 0px;
	letter-spacing: 0.08em;
}
.filter select option{
	font-size:14px !important;
	letter-spacing: 0.08em;
}
.filter-status li{ 
	margin-left:1em;
	vertical-align: text-top;
}
.filter-status input{ 
	vertical-align: text-top;
}

.mx-datepicker{
	/*
	width:auto!important;
	display: block!important;
	*/
	width: 49%!important;
	font-size: .9em!important;
}