
#idMessenger.ITAR.Iss,
#idMessenger.ITAR.Iss .nMsgOT,
div.nAppPanes .OTGrp.ITAR.Iss.OT {
	border: 4px solid rgba(199, 63, 14, 0.792);
	border-radius: 8px;
}
#idMessenger.ITAR.Iss .MsgTypeBr   {
	display:flex;
} 
#idMessenger.ITAR.Iss .MsgPresetBr   {
	display:none;
}
#idMessenger.ITAR.Iss .nMsgPrim   {
	display:flex;
}
#idMessenger.ITAR.Iss .nMsgPrivate    {
	display:flex;
}
#idMessenger.ITAR.Iss .nMsgSendSMS   {
	display:flex;
}

.OTGrp.ITAR.Iss.OT .OTIRs .OTI .nOTIInf {
	border: 2px solid rgba(199, 63, 14, 0.27);;
	height: auto;
}

.OTGrp.ITAR.Iss.OT.OTGrpActive .OTIRs .OTI:hover .nOTIInf {
	border: 3px solid rgba(199, 63, 14, 0.792);
}

div.OTGrp.ITAR.Iss label {
	color: navy;
}

div.OTGrp.ITAR.Iss div.nOTIcnBar svg, 
div.OTGrp.ITAR.Iss div.nOTIIcnBar svg, 
div.OTGrp.ITAR.Iss div.nSocialIcnBar svg {
	width: 5rem;
	height: 2rem;
	cursor: pointer; 
	z-index: 99;
 } 


.OTGrp.ITAR.Iss.OT.OTGrpActive .OTIRs .OTI div.v29,
.OTGrp.ITAR.Iss.OT.OTGrpActive .OTIRs .OTI div.v29 label {
	background-color:rgba(199, 63, 14, 0.792);
	color: black;
}
div.nAppPanes div.OTGrp.ITAR.Iss .OTI div.nOTIInf .nX.nSeparator,
div.nAppPanes div.OTGrp.ITAR.Iss.OT div.nOTInfo .nX.nCSeparator {
	background-color:rgba(199, 63, 14, 0.792);
}
/* -----------------------------------*/
/*OTGrp    OTGrpActive     */ 
/*-----------------------------------*/
@media only screen and (max-width: 6025px) {
	div.nAppPanes .ITAR.Iss.OT div.c44 {
			align-items: center;
			margin-right: 0px;
	}
	div.nAppPanes .OTGrp.ITAR.Iss .OTI.newOTObj {
		/* 
		position: absolute;
		top:6rem; 
		*/
		height: 15rem;		
	}
	div.nAppPanes .ITAR.Iss.OT div.c08 *{
		color:blue;
		font-weight: bold;
		font-size: 1rem;
	}

	div.nAppPanes .ITAR.Iss.OT div.c08 div {
		text-decoration: underline;
		text-decoration-color: red;
		color: red;
	} 

	 div.nAppPanes .OTGrp.ITAR.Iss .i02,
	 div.nAppPanes .OTGrp.ITAR.Iss .k01 {
		display : none;
	}

	.nAppPanes .OTGrp.ITAR.Iss.OT .nOTInfo,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .nOTIInf,
	.nAppPanes.ITAR.Iss.OT .nOTInfo{   
		border-radius: 10px;
		width:100%;	  
		align-content: start;
		justify-items: stretch;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	

	div.nAppPanes .OTGrp.ITAR.Iss.OT .nOTIcnBar,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .nOTIIcnBar{
		grid-area:ITAR_Iss_OT-IBar ; 
	}
	
	.OTGrp.ITAR.Iss.OT ul.nObjLst {
		flex-direction: row;
		flex-wrap: wrap;
	}

 

}


/* -----------------------------------*/
     /*div.nAppPanes .nOTInfo  */ 
 /*-----------------------------------*/
@media only screen and (max-width: 6025px) {


	
	div.nAppPanes .ITAR.Iss .OTI div{
		padding-right:2px;
	}
	div.nAppPanes  .OTGrp.ITAR.Iss.OT .c71 div ,
	div.nAppPanes  .OTGrp.ITAR.Iss.OT .i58b div{ /* Clss3 ot.OrderClass3 */  
			display : none;
	} 

    div.nAppPanes .OTGrp.ITAR.Iss svg.StsIcn {
		margin-top:4px; 
		width:2rem;
		height:2rem;
	}
    .OTGrp.ITAR.Iss p{
		text-align: left;
		line-height: 1.05; 
		word-break: normal;
		word-break: break-word
		;
    }
	.OTGrp.ITAR.Iss .nTxt{
		text-align: left;
    }
}

/* -----------------------------------*/
     /*   WIde Defualt Layout Grid Def         */ 
 /*-----------------------------------*/
@media only screen and (max-width: 6025px) {



/*   C1    C1    C1    C1    C1    C1    C1    C1    C1  */
	 div.nAppPanes.nC1  .OTGrp.ITAR.Iss.OT .nC1
	,div.nAppPanes .ITAR.Iss.OT.nC1 .nOTInfo .nC1 { /* Clss3 ot.OrderClass3 */  
			display : flex;
	}
	

/*   C0 C0 C0 */
	 .nAppPanes .OTGrp.ITAR.Iss.OT .nOTInfo,
	 .nAppPanes.ITAR.Iss.OT .nOTInfo{   
		display:grid;  
		grid-template-columns: 1fr repeat(6,1fr) 1fr;
		grid-template-rows:  repeat(21,auto);
		grid-template-areas: 

			"ITAR_Iss_OT-c08 ITAR_Iss_OT-c36  ITAR_Iss_OT-c36 ITAR_Iss_OT-c48a  ITAR_Iss_OT-c48a  ...             ...            ITAR_Iss_OT-c44" 
		    "ITAR_Iss_OT-c54 ITAR_Iss_OT-c54 ITAR_Iss_OT-c54  ITAR_Iss_OT-c80 ITAR_Iss_OT-c80   ITAR_Iss_OT-c80  ITAR_Iss_OT-c39  ITAR_Iss_OT-c39" 
		    "ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38  ITAR_Iss_OT-c38" 
		    "ITAR_Iss_OT-c37  ITAR_Iss_OT-c37  ITAR_Iss_OT-c93f ITAR_Iss_OT-c93f ITAR_Iss_OT-c93f ITAR_Iss_OT-c93f ITAR_Iss_OT-c93f ITAR_Iss_OT-c93f" 
			"ITAR_Iss_OT-c93c ITAR_Iss_OT-c93c ITAR_Iss_OT-c93c ITAR_Iss_OT-c93d ITAR_Iss_OT-c93d ITAR_Iss_OT-c93d ITAR_Iss_OT-c93e ITAR_Iss_OT-c93e" 
						
			"ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90  ITAR_Iss_OT-c90" 
			"ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84  ITAR_Iss_OT-c84" 
			"ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85  ITAR_Iss_OT-c85"  

			"ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81  ITAR_Iss_OT-c81"

			"ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m"
			"ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n ITAR_Iss_OT-c92n"
/* 			
			"ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m   ITAR_Iss_OT-c92m  ITAR_Iss_OT-c92m  ITAR_Iss_OT-s921a ITAR_Iss_OT-s921a ITAR_Iss_OT-s921a ITAR_Iss_OT-s921a"
		    "ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m   ITAR_Iss_OT-c92m  ITAR_Iss_OT-c92m  ITAR_Iss_OT-s921b ITAR_Iss_OT-s921b ITAR_Iss_OT-s921b ITAR_Iss_OT-s921b"
			"ITAR_Iss_OT-s922a ITAR_Iss_OT-s922a ITAR_Iss_OT-s922a ITAR_Iss_OT-c92na ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n"
			"ITAR_Iss_OT-s922b ITAR_Iss_OT-s922b ITAR_Iss_OT-s922b ITAR_Iss_OT-c92nb ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n  ITAR_Iss_OT-c92n"
			"ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-s923a ITAR_Iss_OT-s923a ITAR_Iss_OT-s923a ITAR_Iss_OT-s923a"
			"ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-c92p  ITAR_Iss_OT-s923b ITAR_Iss_OT-s923b ITAR_Iss_OT-s923b ITAR_Iss_OT-s923b" 
*/

			"ITAR_Iss_OT-c43  ITAR_Iss_OT-c43  ITAR_Iss_OT-c43  ITAR_Iss_OT-c43 ITAR_Iss_OT-c48b ITAR_Iss_OT-c48b ITAR_Iss_OT-c48b ITAR_Iss_OT-c48b"
			"ITAR_Iss_OT-c82a ITAR_Iss_OT-c82a ITAR_Iss_OT-c82a  ITAR_Iss_OT-c82a ITAR_Iss_OT-c82b ITAR_Iss_OT-c82b ITAR_Iss_OT-c82b ITAR_Iss_OT-c82b" 
			"ITAR_Iss_OT-c82e ITAR_Iss_OT-c82e ITAR_Iss_OT-c82e  ITAR_Iss_OT-c82e ITAR_Iss_OT-c82c ITAR_Iss_OT-c82c ITAR_Iss_OT-c82c ITAR_Iss_OT-c82c"			; 

			;
			
		grid-auto-columns: 120px;		
		grid-auto-flow:column; 
		grid-gap:0px 0px;	
	}	




}


/*    OTIRS  defaultView Grid Definition  */
@media only screen and (max-width: 6700px) {

	
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs.nI3 .OTI .nOTIInf,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI.nI3 .nOTIInf {
		grid-template-rows: repeat(3, auto);
	}
 
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI .nOTIInf,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI .nOTIInf {
		grid-template-rows: repeat(3, auto);
		grid-template-areas:
			"ITAR_Iss_OTI-i33  ITAR_Iss_OTI-i33 ITAR_Iss_OTI-i33"
			"ITAR_Iss_OTI-i16  ITAR_Iss_OTI-i16 ITAR_Iss_OTI-i16"
			"ITAR_Iss_OTI-i94a ITAR_Iss_OTI-i94a ITAR_Iss_OTI-i94a"
				;
	}


	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTI.newOTObj.nOTEditMode div.nOTIInf {
		grid-template-columns: 1fr 2fr;
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"ITAR_Iss_OTI-i08  ITAR_Iss_OTI-i16"
			"ITAR_Iss_OTI-i12  ITAR_Iss_OTI-i16"
			"ITAR_Iss_OTI-i03  ITAR_Iss_OTI-i16"
			"ITAR_Iss_OTI-i94a  ITAR_Iss_OTI-i94a";	
	}
}

/*    OTIRS  defaultView Grid Definition  */
@media only screen and (max-width: 700px) {

	
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs.nI3 .OTI .nOTIInf,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI.nI3 .nOTIInf {
		grid-template-rows: repeat(3, auto);
	}

	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI .nOTIInf,
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTIRs .OTI .nOTIInf {
		grid-template-rows: repeat(3, auto);
		grid-template-areas:
				"ITAR_Iss_OTI-i08  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i12  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i03  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i94a  ITAR_Iss_OTI-i94a"
		;
	}
	div.nAppPanes .OTGrp.ITAR.Iss.OT .OTI.newOTObj.nOTEditMode div.nOTIInf {
				grid-template-columns: repeat(2,1fr);
				grid-template-rows: auto auto auto;
				grid-template-areas:
				"ITAR_Iss_OTI-i08  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i33  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i39  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i94a  ITAR_Iss_OTI-i94a";
		}
}


/*  */
@media only screen and (max-width: 629px) {
	
	div.nAppPanes .OTGrp.ITAR.Iss.OT .nObjLst span{
			display:none;
	}
}
 
/* -----------------------------------*/
/*   New OT record  Issue Reference Screen         */ 
 /*-----------------------------------*/
@media only screen and (max-width: 6025px) {

		div.nAppPanes div.OTGrp.ITAR.Iss.OT.nOTEditMode div.nFlipCard div.nOTInfo {
			padding-right: 1rem;
			padding-left: 1rem;
		}

		/*  New Issue */
		 
		div.nAppPanes div.OTGrp.ITAR.Iss.OT.newOTObj.nOTEditMode div.nFlipCard .nFlipBack  div.nOTInfo {
			
			padding-right: 10px;
			padding-left: 1px;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto auto .5fr 1fr .5fr;
			grid-gap:10px 0px;
			grid-template-areas: 
				"ITAR_Iss_OT-c36  ITAR_Iss_OT-c48a" 
				"...              ITAR_Iss_OT-c39"
				"ITAR_Iss_OT-c54  ITAR_Iss_OT-c80"
				"ITAR_Iss_OT-c38  ITAR_Iss_OT-c38"
				"ITAR_Iss_OT-c85  ITAR_Iss_OT-c85"
				"ITAR_Iss_OT-c92m ITAR_Iss_OT-c92m"
				;
			} 

        /*  OTI Create  */
		.OTGrp.ITAR.Iss .OTI.newOTObj.nOTEditMode div.nOTIInf div{
			margin-top: .2rem;
		}
		.OTGrp.ITAR.Iss .OTI.newOTObj.nOTEditMode {
			padding-left: 0px;
			padding-right: 0px;
			position: relative;
			margin-top: .2rem;
		}

		.OTGrp.ITAR.Iss .OTI div.nOTIInf {
			display:grid;
			padding-right: 10px;
			padding-left: 1px;
			grid-template-columns: repeat(3,1fr);
			grid-template-rows: auto;
			grid-column-gap: 10px;
			grid-row-gap: 0px;
		}

		.OTGrp.ITAR.Iss .OTI.newOTObj.nOTEditMode div.nOTIInf {
			grid-template-areas:
				"ITAR_Iss_OTI-i08  ITAR_Iss_OTI-i16  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i12  ITAR_Iss_OTI-i03  ITAR_Iss_OTI-i03" 
				;
		}
		
		.OTGrp.ITAR.Iss .OTI.nOTEditMode div.nOTIInf {
			grid-template-areas:
				"ITAR_Iss_OTI-i08  ITAR_Iss_OTI-i16  ITAR_Iss_OTI-i16"
				"ITAR_Iss_OTI-i12  ITAR_Iss_OTI-i03  ITAR_Iss_OTI-i03"
				"ITAR_Iss_OTI-i94a ITAR_Iss_OTI-i94a ITAR_Iss_OTI-i94a"
			;
		}

}
/* -----------------------------------*/
 /*  Narrow MObile Layout          */ 
 /*-----------------------------------*/ 
@media only screen and (max-width: 700px) {

	div.nAppPanes .ITAR.Iss.OT .nOTInfo{
		grid-template-rows: repeat(10, auto);
		grid-template-areas:
				"ITAR_Iss_OT-c08  ITAR_Iss_OT-c08"

				"ITAR_Iss_OT-c36  ITAR_Iss_OT-c44"
				"ITAR_Iss_OT-c39  ITAR_Iss_OT-c80"
				"ITAR_Iss_OT-c54  ITAR_Iss_OT-c54"
				"ITAR_Iss_OT-c48a  ITAR_Iss_OT-c48a"
				"ITAR_Iss_OT-c38  ITAR_Iss_OT-c38"
				"ITAR_Iss_OT-c90  ITAR_Iss_OT-c90"
				"ITAR_Iss_OT-c84  ITAR_Iss_OT-c84"
				"ITAR_Iss_OT-c85  ITAR_Iss_OT-c85" 
				
				"ITAR_Iss_OT-c92m  ITAR_Iss_OT-c92m"

				"ITAR_Iss_OT-s93a  ITAR_Iss_OT-s93a"
				"ITAR_Iss_OT-s93b  ITAR_Iss_OT-c93b"
				"ITAR_Iss_OT-c93   ITAR_Iss_OT-c93" 


				"ITAR_Iss_OT-c43  ITAR_Iss_OT-c48b"
				"ITAR_Iss_OT-c82a ITAR_Iss_OT-c82b" 
				"ITAR_Iss_OT-c82e ITAR_Iss_OT-c82c"		
		; 
	}	
/* -----------------------------------*/
/*   New OT record  Issue Reference Screen         */
/*-----------------------------------*/
	div.nAppPanes div.OTGrp.ITAR.Iss.OT.nOTEditMode div.nFlipCard div.nOTInfo {
		padding-right: .5rem;
		padding-left: .2rem;
	}

	div.nAppPanes div.OTGrp.ITAR.Iss.OT.nOTEditMode div.nFlipCard div.nOTInfo  > div{
		margin-top: 1rem; 
		margin-left:1rem;
	}

	/*  New Issue */
	div.nAppPanes div.OTGrp.ITAR.Iss.OT.newOTObj.nOTEditMode div.nFlipCard .nFlipBack div.nOTInfo {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(4,auto);
		grid-gap: 0px 10px;
		grid-template-areas:
			"ITAR_Iss_OT-c36  ITAR_Iss_OT-c48a"
			"ITAR_Iss_OT-c39  ITAR_Iss_OT-c39"
			"ITAR_Iss_OT-c54 ITAR_Iss_OT-c54"
			"ITAR_Iss_OT-c40  ITAR_Iss_OT-c40"
			"ITAR_Iss_OT-c80  ITAR_Iss_OT-c80"
			"ITAR_Iss_OT-c52  ITAR_Iss_OT-c52"
			"ITAR_Iss_OT-c38  ITAR_Iss_OT-c38"
			"ITAR_Iss_OT-c85  ITAR_Iss_OT-c85"
			
							
			"ITAR_Iss_OT-c92m  ITAR_Iss_OT-c92m"

			;
	}

	
}

