/* ver 1.2.2.50 modified for safed */
/* ver 1.2.3.22 modified for IE11 */
BODY {
	font-family:Verdana, Arial, Helvetica, Helv;font-size:0.8em;
	margin:5px;
	width:95%;
}
.edit TABLE {
	vertical-align:top;text-align:left;
	border:none;
	padding:0px;
	empty-cells:show;
}
.edit TR, .edit TD,.edit TH, .edit LI {
	font-size:0.9em;
	vertical-align:top;text-align:left;
	border-bottom: none;border-left:none;border-top:none;
	padding:0px;padding-left:2px;padding-right:2px;
}
.edit TH 	{
	background-color: #f5f5f5;/*white-space:nowrap;*/}

/* column formatting*/
.edit TH DIV.Text {
	width:300px;}
.edit P {
	margin-top:5px;margin-bottom:2px;
}

/* Context table ---------------------------------- */

/* Table Edit functions ---------------------------------- */

TABLE.ctxt  {margin: 5px 0 5px 0;}
.ctxt TD {
	margin: 2px 0 2px 0;
	padding: 1px 0px 2px 4px; 
	background-color: #f5f5f5;
	border:none;vertical-align:top;padding-right:4px;
}

/* cmd buttons */
A.button {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-size: 75%  !important;
	padding: 2px 5px 2px 5px !important;}
input.search {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	text-transform: uppercase;
	font-size: 75%;
	/*font-weight:bold;*/
	padding: 2px 5px 2px 5px  !important;
	border: 1px solid #aaf; 
	background: #ffffcc;
	}
input#webx-login-button {	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	text-transform: uppercase;
	font-size: 75%;
	/*font-weight:bold;*/
	padding: 2px 5px 2px 5px  !important;
	border: 1px solid #aaf; 
	/*background: #ffffcc;*/
	}
	
input.edit {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-family: verdana, sans-serif;
	width: 40px; 
	border: 1px solid #aaf; 
	background: #ddf; }
input.addnew {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	font-family: verdana, sans-serif;
	width: 40px;
	border: 1px solid #aaf;
	background: #ffffcc; }

/* submit / cancel buttons */
input.save {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	width: 55px; 
	border: 1px solid #aaf; 
	background: #ddf; }
input.saverow {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	border: 1px solid #aaf;
	background: #ddf; }
input.cancel {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-top: 5px; margin-bottom: 5px;
	font-family: verdana, sans-serif;
	width: 55px; 
	border: 1px solid #aaf; 
	background: #ddf; 
	margin-left: 3px; }
input.del {
	text-transform: uppercase;
	font-size: 75%;
	padding: 2px 5px 2px 5px;
	border-radius: .25rem; box-shadow: 1px 1px 1px #999;
	margin-left: 90px; margin-top: 5px; margin-bottom: 5px; margin-right:5px;
	font-family: verdana, sans-serif;
	border: 1px solid #faa; 
	background: #fdd;
	color: black; 	}

IFRAME {border: 1px solid #aaa;border-width: 1px 0 0 1px;background: white;}

/* fields in edit block */
textarea {font-size:100%;}
input.editable, 
select.editable, 
textarea.editable,
input.noteditable,
textarea.noteditable {
	font-family: verdana, sans-serif; 
	font-style: normal; 
	border: 1px solid #aaa; 
	padding-left: 2px; }
input.noteditable,
textarea.noteditable {
	border: 0; 
	background: transparent;}

div.notice {
	color: red; }


/* editable areas (off & on) */
.editable {
	border:none;
	}
TD.editTD {
	margin:0px;
	padding:0px; 
	background-color: white; }

TD.editable {
	margin:0px;
	padding:0px; 
	position: relative; 
	background-color: white; 
	}
DIV.editable {display:none;}

TD.editableOn, 
DIV.editableOn {
	/*margin: 2px 0 2px 0;*/
	padding: 1px 0px 2px 4px; 
	position: relative;
	background-color: #f5f5f5;
	line-height: 200%;
	border-bottom: 1px solid #aaf;}
DIV.editableOn {display:block;}

TD.editableOn TH, 
TD.editableOn TD, 
DIV.editableOn TH, 
DIV.editableOn TD  {
	border:none;vertical-align:top;padding-right:4px;}

TR.active TD {
	background-color: #f5f5f5;
	border-bottom: 1px solid #aaf;
	border-right: 1px solid #CCCCCC;}
TR.inactive TD, TR.inactive TH {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;}
TR.active TD.btncol {
	background-color:white;
	border:none;}
.edit .btncol {
	background-color:white;
	border:none;}

/* Header tidy up ------------------------------------------------- */	
.printhide{display:block;margin-bottom:10px;background-color:#F5F5F5;padding:5px;}
	
/* Form Preview ------------------------------------------------- */

.hide {	display:none;}

.missing {
	background-color:#FFC;}

.readonly {
	border: 1px solid white;
	padding:1px;
	font-weight:bold;}
	
/* Make buttons display properly -------------------------------- */	
input[type="submit"] {cursor: pointer;}
input[type="button"] {cursor: pointer;}

/* Print -------------------------------------------------------- */

@media print {

.printhide {display:none;}
input.edit,input.addnew,input.save,input.cancel,input.del {display:none;}
input.search {display:none;}

TD.editableOn  {border:none;}

}

/* new styles for popups added by molly may 2024 */

		#movablePopup {
            display: none;
            position: absolute;
            z-index: 9;
            background-color: white;
            border: 1px solid #2b4195;
            border-radius: 5px;
            width: 550px;
            height: fit-content;
            right: 10px;
            top: 10vh;
            padding-bottom: 10px;
            cursor: grab;
            -webkit-box-shadow: 0px 0px 6px 3px rgba(222,219,222,1);
            -moz-box-shadow: 0px 0px 6px 3px rgba(222,219,222,1);
            box-shadow: 0px 0px 6px 3px rgba(222,219,222,1);
          }
          
          #movablePopupTitle {
            width: 98%;
            background: #f8f8f8;
            padding: 1%;
            text-align: center;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
          }

          #movablePopupHeader {
            background: #2b4195;
            color: white;
            position: relative;
            align-items: center;
            width: 96%;
            padding: 0.5% 2%;
          }

          .closePopup {
            position: absolute;
            right: 5px;
            top: 5px;
            color: red;
            border-radius: 100px;
            width: 17px;
            height: 15px;
            text-align: center;
            padding-top: 2px;
            cursor: pointer;
          }

          .closePopup:hover  {
            color: rgb(186, 0, 0);
          }

          #movablePopupBody {
            width: 96%;
            padding: 0.5% 2%;
            max-height: 600px;
            overflow-y: scroll;
          }

          #movablePopupTextLinkContainer {
            width: 96%;
            padding: 0.5% 2%;
            cursor: pointer;
          }

          #movablePopupBody h3 {
            margin: 7px 0px;
            padding: 0px;
          }

          #movablePopupBody h4 {
            margin: 6px 0px;
            padding: 0px;
          }

          #movablePopupBody p,
          #movablePopupBody strong,
          #movablePopupBody a {
            margin: 5px 0px;
            padding: 0px;
          }
		  
		  #movablePopupBody a {
			margin: 8px 0px;
		  }
		  
		  #movablePopupBody a:visited {
			color: #2b4195;
		  }

          #movablePopupBody table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 15px;
                font-size: 12px;
          }

            #movablePopupBody td {
                padding: 10px;
                border-bottom: 1px solid #2b4195;
          }

          #movablePopupBody td:nth-child(1) {
                width: 25%;
          }

          #movablePopupBody td:nth-child(2) {
                width: 45%;
          }

          #movablePopupBody td:nth-child(3) {
                width: 30%;
          }
		  #movablePopupBody .see_more_table {
				display: none;
				margin-bottom: 10px;
		  }

		  #movablePopupBody .see_more_table td {
				border: none !important;
				padding: 3px 0px;
		  }

          /* model code page icons  */
          .modalTriggerIcon {
            font-size: 1.33333em;
			text-align: center;
			color: black;
			padding-top: 3px;
			cursor: pointer;
			padding-right: 3px;
			margin-left: 3px;
			color: #484848;
		  }

          /* chassis details icon  */
          .popupTriggerIcon {
            font-size: 1.33333em;
			text-align: center;
			color: black;
			padding-top: 3px;
			cursor: pointer;
			padding-right: 3px;
			margin-left: 3px;
			color: #484848;
          }

          .seemoretitle {
            color: #2b4195;
            padding: 10px 0px 0px 0px!important;
            cursor: pointer;
          }

          .seemoretitle:hover {
            text-decoration: underline;
          }

          .seemorecontentactive {
            display: block!important;
            margin-top: 10px;
          }

          /* Modelcode page - status popup table  */

          #movablePopupBody .status_table table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 15px;
                font-size: 12px;
        }

            #movablePopupBody .status_table td {
                padding: 10px;
                border-bottom: 1px solid #2b4195;
        }

        #movablePopupBody .status_table td:nth-child(1) {
                width: 33%;
                vertical-align: top;
        }

        #movablePopupBody .status_table td:nth-child(2) {
                width: 33%;
                vertical-align: top;
        }

        #movablePopupBody .status_table td:nth-child(3) {
                width: 33%;
                vertical-align: top;
        }
		
		#movablePopupBody img {
            max-width: 100%;
        }
		
	/* new export button style 20240701 */
	/*	a.export{background-color: #5cb85c;*/
	a.export{background-color: #2B4195;
    border-color: transparent;
    color: #fff;    
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
    line-height: 1.35715;
    padding: 5px 10px;
    text-decoration: none;}