/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
.tmcRecordButton{
	font-size:9px;
 	background-color:#DBDBDB;
}
.tmcReqFieldLabel{
 color: #A9182E;
}
.tmcReqFieldValue{
	background-color: #E8C4DB;
}
.tmcHide{
	display:none;
}
.TMCHelpPopup{
    background-color:#D4FEE7;
    border:1px solid;
    border-radius:25px;        
    display:none;
    z-index:5;
    position:absolute;  
    max-width: 350px;
}

.divTMCHelpPopups{
    background-color:#D4FEE7;
    border:1px solid;
    border-radius:25px;        
    display:none;
    z-index:5;
    position:absolute;  
	min-width: 150px;
    max-width: 300px;
}
.divTMCHelpPopups ul{
	padding-inline-start: 5px;
}
.divTMCHelpPopups li ol{
	padding-inline-start: 20px;
}


.btnUpdateInvoice{
    height:100%
}
.btnPK{
	display: inline-block;
	padding: 5px;
	border-radius: 7px;
	background-color: #199319;
	color: white !important;
	text-decoration: none;
}
.btnDone{
	display: inline-block;
	margin: 2px;
	padding: 5px;
	border-radius: 7px;
	background-color: #017270;
	color: white !important;
	text-decoration: none;
}
.btnCopy{
	display: inline-block;
	margin: 2px;
	padding: 5px;
	border-radius: 7px;
	background-color: lightsalmon;
	color: white !important;
	text-decoration: none;
}
.tmcWarning{
	color: red;
	font-weight: bold;
}
.Filter_Input_Large{
	height:100px;
}
.filter_Top{
	vertical-align: top;
}
.assetActive{
	background-color: #EEFDD3 !important; /* Light Green */
}
.assetInactive{
	background-color: #FFEBED !important; /* Red/Peach */
}
.assetForSale{
	background-color: #A2E1E6 !important; /* Blue/Green */
}
.assetForSaleActive{
	background-color: #FFE2C6 !important; /* Light Orange */
}
/* Specific Elements */
#divUserNotice{
	text-align:left;
}
/* URL Copy Elements */
.tURLResult{
	width:80%;
} 
.btnCopyURL{
	width: 32px;
	height:32px;
}
.btnCopyURLSm{
	width: 16px;
	height:16px;
}

/* MOBILE RESPONSIVE */
.respTCH{
    background-color: #d9e3eb;
    border-bottom: 1px #cccccc solid;
    border-right: 1px #cccccc solid;	
	text-align:center;	
}
.respTCV{
	padding:3px;
	border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    background-color: #ffffff;
	text-align:left;
}
.respCL{
	padding:3px;
	background-color:white;
	text-align:right;
}
.respCV{
	padding:3px;
	background-color:white;
	text-align:left;
}	
.respButton{
	padding:0 3px 0 3px;
	margin:0 3px 0 3px;
}
.respImageButton{
	max-width:42px;
}

@media screen and (max-width:599px){
	select, input{
		font-size:1.3em;
	}
	.respTCH{
		font-size:1.4em;
	}
	.respTCV{
		font-size:1.4em;
		max-width:50px;
		overflow:hidden;		
	}
	.respCL{
		font-size:1.4em;
	}
	.respCV{
		font-size:1.4em;
	}	
}
@media screen and (min-width: 600px) and (max-width:999px){
	select, input{
		font-size:1.1em;
	}
	.respTCH{
		font-size:1.1em;
	}
	.respTCV{
		font-size:1.1em;
	}
	.respCL{
		font-size:1.1em;
	}
	.respCV{
		max-width:75px;
		overflow:hidden;
		font-size:1.1em;
	}		
}
@media screen and (min-width: 1000px){
	select, input{
		font-size:1.0em;
	}
	.respTCH{
		font-size:1.0em;
	}
	.respTCV{
		font-size:1.0em;
	}	
	.respCL{
		font-size:1.0em;
	}
	.respCV{
		font-size:1.0em;
	}		
}