.loginbody
{
margin:0px;
padding:0px;
border:0px solid #333333;
background-size:100% auto;
background-color: #005DA2;
background-image: url(../img/PALbg.png);

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; 
webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
   -ms-behavior: url(../CSS/backgroundsize.min.htc);
  
}

.topbar
{
	
width:98%;
margin:0px;
color:#FFFFFF !important;
  background-color:#0062a8 !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
vertical-align: middle;
font-weight:normal;
text-align:justify;
}
.topbar2
{
	
width:98%;
margin:0px;
color:#FFFFFF !important;
 background-color: rgba(128,195,237,1.00) !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
vertical-align: middle;
font-weight:normal;
text-align:justify;
}

.nodisplay{ display:none !important;}

 .laurelul{  
 
 background:none !important; font-size:1.2em;}
 
 div.laureltitlediv::before{
		 content : "";
  position: absolute;
  left    : 0%;
  bottom  : 0;
  height  : 1px;
  width   : 100%;  /* or 100px */
  border-bottom:4px solid #00AEEF;}
  
   div.laureltitlediv{ padding:10px;   
  position: relative; color: #0062a8;
  z-index : 1; }
  


.nav-pills li { padding: 3px !important; margin-top:5px !important;}
.nav-pills li a { padding: 5px 10px 5px 10px !important;}


input::-webkit-calendar-picker-indicator {
  display: none;
}

body
{
	font-family: '33535gillsansmt' !important;
	font-size:1.5em;
}

.footer
{
	position:fixed;
	bottom:0px;
	background-color:#dff2fd;
	padding:4px;
	box-shadow:0px -3px 3px #CCCCCC;
	vertical-align:middle;
	
}

.footerdiv{padding-top:0.3em !important;}

table.dashtable td{
	font-size:0.9em; color:#000000 !important;	
}
	 table.dashtable tr.countrow td {background-color:#FFFFFF; color:#000000;}
	 
table.dashtable tr.lowpad td{padding:0.2% !important;  color:#0062a8 !important;}

table.dashtable thead td
{
	background-color:rgba(128,195,237,1.00);
	border-bottom:3px solid #FFFFFF;
	font-weight:bold;
}

.dashdivheader{
	
	color:#000000;
	padding:8px;
	border-bottom:0px solid #9b9b9b;
	
	

}

.ddhtitle
{
	
	font-size:1.3em;	
	font-weight:normal;
	padding-top:0.4em;
	
	
}

.dashdivhr{
padding:0px; margin-top:10px;margin-bottom:3px;
border-color:#0062a8;
}
	
.dashdiv
{
	background-color:#dff2fd !important;
}


.reqid{color:#000000; text-decoration:underline;}

.table-responsive{border-bottom:0x solid #9b9b9b;}


.currentab{color:#d71920 !important; text-decoration:none;}
.tabhints{color:#8C8C8C;}

.save{background-color: #404040; color:#FFFFFF;}
.submit{background-color: #0062a8; color:#FFFFFF;}
.clear{background-color: #d71920; color:#FFFFFF;}

button.save:hover {color:#FFFFFF !important;}
button.submit:hover {color:#FFFFFF !important;}
button.clear:hover{color:#FFFFFF !important;}

button.save:focus {color:#FFFFFF !important;}
button.submit:focus {color:#FFFFFF !important;}
button.clear:focus	{color:#FFFFFF !important;}

.nobottom{border-bottom:0px solid #FFFFFF !important;}

.addeddetails{border:1px solid #DDDDDD; box-shadow:2px 2px 3px #AEAEAE;}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activepill{background-color: rgba(20,170,51,1.00); color:#FFFFFF;}
.passivepill{background-color: #CCCCCC; color:#FFFFFF;}


.breadcrumb{color:#0062a8;}
.modhead{background-color:#0062a8;border-radius:4px 4px 0px 0px; color:#FFFFFF; }
table.noborders td{ border:0px solid #FFFFFF !important;}
.lfd1{ border-radius:0px !important; padding:2px !important; height:30px !important;}
.noborders{border:0px solid #CCCCCC !important; padding:3px !important;}
.pgno{width:40px; text-align:center;}
.smallfont{font-size:0.8em;}
.smallfont2{font-size:0.9em;}
button.locul {
	background-color:#FFFFFF !important;
	COLOR:#0062a8 !important;}
	
	button.loculin{
		background:none !important;
	cOLOR:#FFFFFF !important;}
	
	button.loculin:hover{
	background-color:#dff2fd !important;
	COLOR:#0062a8 !important;}
	
	.colblu{
		color:#0062a8;
		font-size:1.2em;
	}
	
	.colgreen{
		width:1em;
	}
	
	.colred{
		color:#d71920;
		font-size:1.2em;
	}
	
	a.browse{ background-color:#0062a8; color:#FFFFFF; font-family:"Gill Sans MT";}
	a.browse:hover{color:#FFFFFF;}
	a.browse:selected{color:#FFFFFF;}
	a.browse:active{color:#FFFFFF;}
	a.browse:focus{color:#FFFFFF;}
	
	button.browse{ background-color:#0062a8; color:#FFFFFF; font-family:"Gill Sans MT";}
	button.browse:hover{color:#FFFFFF;} button.browse:focus{color:#FFFFFF;}
	button.file{ background-color: #9b9b9b; color:#FFFFFF; font-family:"Gill Sans MT"; min-height:35px;}
	button.file:hover{color:#FFFFFF;} button.file:focus{color:#FFFFFF;}
	
	span.browse{ background-color:#0062a8; color:#FFFFFF; font-family:"Gill Sans MT";}
	span.browse:hover{color:#FFFFFF;}
	span.browse:selected{color:#FFFFFF;}
	span.browse:active{color:#FFFFFF;}
	span.browse:focus{color:#FFFFFF;}
	
	.scrolltable{height:350px; overflow:auto;}
	
	table.table tr.panfull td { color:#0062a8; background-color: #F1F1F1;}
	.normalfont{font-size:1em !important;}
	
	button.imgfile{ background-color: #dff2fd; color:#000000 !important; font-family:"Gill Sans MT"; min-height:35px;}
	
	.thumbht{
		max-height:100px !important;}
		
		.accortitle{  background-color: #dff2fd !important; color:#000000!important; 
		}
		.panel-heading:active{ background-color:#d71920 !important; color:#FFFFFF !important;}
		.accortitle:hover {background-color:#d71920 !important; color:#FFFFFF !important;}
		
		
	table.dedlist thead td
	{
		background-color:#dff2fd;
		color:#000000;
		
	}
	
	table.addeddetails tr.titlerow td
	{
		background-color:#0062a8;
		COLOR:#FFFFFF;
	}
	
	.whiteborder{ border:2px solid #ffffff;
	}
	
	.normbtn
	{
		border-radius:3px;
		padding:4px 6px 4px 6px;
	}
	
	table.reftable thead tr td
	{
		background:#595959;
		color:#FFFFFF;
	}
	
	.bigfont{font-size:1.1em;}

	.bigfont2{font-size:1.3em; text-align:center; }
	.bigfont5{font-size:1.9em; text-align:center; }
	.bigfont6{font-size:1.5em;  }
	.bigfont7{font-size:0.9em;  }
	.bigfont9{font-size:0.8em;  }
	.bigfont11{font-size:2.9em;  }



	.botborderblack{ border-bottom:1px solid #CCCCCC !important;}
	.smpadding{padding:1% !important;}
	
	 .dettitle
	 { background-color:#0062a8; color:#FFFFFF; margin-top:1.2em;}
	 
	 .blueback{background-color:#0062a8; color:#FFFFFF; margin-top:1.2em;}
	 .blueback2{background-color:#0062a8; color:#FFFFFF; margin-top:1.2em;}

	 
	 .deviations{color:#d71920; font-weight:bold;}
	 .mitigants{color:#0062a8; font-weight:bold;}
	 
	 table.deviationtable thead {background-color:#d71920; color:#FFFFFF;}
	 table.mitigantable thead {background-color:#0062a8; color:#FFFFFF;}
	 
	 table.addeddetails tr.logshead td {background-color:#dddddd; color:#000000;}
	 
	 table.dedlist tr.pendingrow td {background-color: #EDC4C4; color:#000000;}
	 
	 .inlinegap{ padding-left:2%;}
	 .upresdiv{ width:60px !important; height:60px !important; text-align:center !important;
	 border-radius:0.1em 0.1em 0.1em 0.1em;
	box-shadow: 0.1em 0.1em 0.1em #9b9b9b; padding-top:10px !important;}
 .greenback{ background-color: rgba(32,156,34,1.00) !important; color: #FFFFFF !important;}
  .blueback3{background-color:#0062a8; color:#FFFFFF; }
	
.redback{ background-color:#d71920 !important; color: #FFFFFF !important;}
table.centercel th {text-align:center !important;}
.mytray { background-color: #EFEFEF !important; color:#000000 !important; box-shadow: 2px 2px 3px rgba(10,9,79,1.00) !important;}	
.countbtn{ float:right; position:relative;
	background-color: rgba(252,175,10,1.00); border:2px solid #ffffff; color: #000000;}
.countbtnred{ float:right; position:relative;
	background-color: #d71920; border:2px solid #ffffff; color: #FFFFFF;}
	.countbtn1{ float:right; position:relative;
	background-color: #0062a8; border:2px solid #ffffff; color: #FFFFFF;}
	.blackfont{ color:#000000 !important;}
 
 .navbar-default .navbar-nav > li.nohover > a:hover,
.navbar-default .navbar-nav > li.nohover > a:focus {
 /* background-color:#0062a8 !important; */
 color:#FFFFFF !important;
  background-color:#005191 !important;
}
 
 
 .newf1{ border-left:0px solid #FFFFFF;
 border-right:0px solid #FFFFFF; border-top:0px solid #FFFFFF;
 box-shadow:0PX 0PX 0PX #FFFFFF; border-radius:0px;}
 
 
 .botborder{ border-bottom:1px solid #FFFFFF !important;}

table.assetable td{ vertical-align:top;}

table.assetable2 td{ vertical-align:middle;}

table.assetable tr td{height:50px !important;}
table.assetable3 td{ vertical-align:top;}
.bluefont{ color:#0062a8 !important;}
.redfont{ color:#d71920 !important;}
.lbfont{color: rgba(26,167,227,1.00) !important;}
.greenfont{ color: rgba(22,167,15,1.00) !important;}
.greenbg{background-color:rgba(22,167,15,1.00) !important; color:#FFFFFF !important;}
.lbbg{background-color: rgba(26,167,227,1.00) !important; color:#FFFFFF !important;}

.blackbg{background-color: rgba(29,28,28,1.00) !important; color:#FFFFFF !important;}

.lightblueback{background-color: rgba(23,190,232,0.30); padding-top:8px !important;padding-bottom:0px !important; color:#000000; text-align:center !important; margin-top:0.3em;}

.lightblueback2{background-color: rgba(133,197,224,1.0); color:#000000; text-align:left !important;padding-top:0px !important;padding-bottom:0px !important; }

.lightblueback5{background-color: rgba(133,197,224,1.0); color:#000000; line-height:27px; padding-top:8px !important;padding-bottom:8px !important; }

.lightblueback3{background-color: rgba(133,197,224,1.0); border:4px solid #FFFFFF; color:#000000; line-height:27px; padding-top:8px !important;padding-bottom:8px !important; }

.verbox4{background-color: rgba(227,227,227,1.00); color:#000000; border:4px solid #FFFFFF; line-height:27px; padding-top:8px !important;padding-bottom:8px !important; }


.smtopadding{ padding-top:10px !important;}
.nopadding{ padding:0px !important;}
.greyback{ background-color: rgba(235,235,235,0.50);}
.greyback2{ background-color:rgba(219,219,219,0.55);}
.greyback3{ background-color:rgba(155,207,240,0.70)}
.greenback{ background-color: rgba(76,191,239,1.00);}

.whiteback{ background-color: #FFFFFF;}
.ltpadding{ padding:1.5% !important;}
.lt2padding {padding-left:7px !important;}
.smpadding{padding:0.8%;}
.topmargin{ margin-top:10px !important;}
.minht{ height:50px;}
.minht2{ height:35px;}
.lowline{
	border-bottom:1px solid #FFFFFF;
}
.lowline2{
	border-bottom:1px solid rgba(240,230,230,0.40);
}

.submenu{ margin-left:1% !important; padding-left:15% !important;	color: #FFFFFF !important; }
.innermenu{ background-color: rgba(227,227,227,1.0) !important; color: #000000 !important; border-bottom:1px solid rgba(240,230,230,0.40);
 }
.submenubox{
	
    	background-color: #0062a8 !important;
		box-shadow: 3PX 3PX 10PX rgba(26,21,70,0.80) inset !important; }
	
	.whitefont{color:#FFFFFF !important;}
	 

	  table.dd1 td{text-align:center !important;}
	 .progdiv{border:3px solid #FFFFFF; box-shadow:3px 3px 3px rgba(220,220,220,1.00);
		 padding:7PX; text-align:center;  border-radius:10px; height:110px;}
	 .progtip{ font-size:0.8em; border-top:1PX solid #000000 !important;}
	 .progmain{ font-size:1.2em; height:58px; padding-top:12px !important;}
	 
	 div.progdiv:hover {background-color:rgba(0,0,0,1.00);}
	 
	 .bglb{background-color:#C8E8FB !important;}
	 .bgrb{background-color: rgba(241,91,94,1.00) !important;}
	 .bgyb{background-color: rgba(237,217,133,1.00) !important;}
	 .bgbb{background-color: rgba(73,154,252,1.00) !important;}
	 .bggb{background-color: rgba(118,215,132,1.00) !important;}
	 
	 	 .divunderline{ border-bottom:2px solid rgba(186,186,186,0.40) !important;}
.toppading{ padding-top:1.2em;}
.botpading{ padding-bottom:1.2em !important;}

	 
	 
	 <!--NEW NAVEBAR-->
	 * {
		margin: 0;
		padding: 0;
		
	}
.dropdown-menu {
    	min-width: 300px;
		
    }
    .dropdown-menu.columns-2 {
    	min-width: 600px;
    }
    .dropdown-menu.columns-3 {
    	min-width: 900px;
    }
    .dropdown-menu li a {
    	padding: 5px 15px;
    	font-weight: 300;
    }
    .multi-column-dropdown {
    	list-style: none;
		
    }
    .multi-column-dropdown li a {
    	display: block;
    	clear: both;
    	line-height: 1.428571429;
    	color: #000000;
    	white-space: normal;
    }
    .multi-column-dropdown li a:hover {
    	text-decoration: none;
    	color: #FFFFFF;
    	background-color: rgba(83,83,83,1.00);
		box-shadow: 1PX 1PX 5PX #000000 inset;    }
     
    @media (max-width: 767px) {
    	.dropdown-menu.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
    	}
		.mobiledropdownmenu
		{
			max-height:350px !important;

			overflow:auto;
		}
    }
	
/*css for MIS CAT ABC menus*/
	.dropdown-menux {
    	min-width: 300px;
		
    }
    .dropdown-menux.columns-2 {
    	min-width: 600px;
    }
    .dropdown-menux.columns-3 {
    	min-width: 700px;
    }
    .dropdown-menux li a {
    	padding: 5px 15px;
    	font-weight: 300;
    }
   
     
    @media (max-width: 767px) {
    	.dropdown-menux.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
    	}
		
    }
	
.dropdownx {
  position: relative;
  width:30%;
  display:inline-block
}	
	.dropdownx:hover .dropdown-menux
{
	display:block;
}


.dropdown-menux {
  position: absolute;
  top: 100%;
  left: -200%;
  z-index: 1001;
  display: none;
  float: left;
  min-width: 100px;
  padding: 3px 0;
  margin: 1px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(128,195,237,1.00) !important;

  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
	
	/*end of css for MIS CAT ABC menus*/
	
	
	/*css for  product 2 level dropdown menus*/
	.dropdown-menuy {
    	min-width: 300px;
		
    }
    .dropdown-menuy.columns-2 {
    	min-width: 600px;
    }
    .dropdown-menuy.columns-3 {
    	min-width: 700px;
    }
    .dropdown-menuy li a {
    	padding: 5px 15px;
    	font-weight: 300;
    }
   
     
    @media (max-width: 767px) {
    	.dropdown-menuy.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
    	}
		
    }
	
.dropdowny {
  position: relative;
  
}	
	.dropdowny:hover .dropdown-menuy
{
	display:block;
}


.dropdown-menuy {
  position: absolute;
  top: 100%;
  left: 0%;
  z-index: 1001;
  display: none;
  float: left;
  min-width: 100px;
  padding: 3px 0;
  margin: 1px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(128,195,237,1.00) !important;

  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
	
	/*end of css for product 2 level dropdown menus*/
	
	.lititle{ color:#000000 !important; font-size: 1.2EM;    }
	.righborder{ border-right: 1px solid rgba(61,165,240,0.40) !important;}
	.divider{ border:0.5PX SOLID #000000 !important;}
	.redf{ color:#d71920 ;}
	.bluef{ color:#0062a8;}
	.redfx{ color:#d71920 ; text-shadow:2px 2px 2px #CCCCCC;}
	.bluefx{ color:#0062a8; text-shadow:2px 2px 2px #CCCCCC;}
	
	

 <!--NEW NAVEBAR-->
 
 <!--TOOL TIPS-->
 
  
  /* Tooltip */
  .test + .tooltip > .tooltip-inner {
      background-color: #73AD21 !important; 
      color: #FFFFFF; 
      border: 1px solid FFFFFF; 
      padding: 15px;
      font-size: 20px;
  }
  /* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #0062a8;
  }
  /* Tooltip on bottom */
  .test + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid #0062a8;
  }
  /* Tooltip on left */
  .test + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid #0062a8;
  }
  /* Tooltip on right */
  .test + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid #0062a8;
  }
 
 <!--TOOL TIPS END-->
 
 <!--DIV SLIDE UP -->
 .box{
}

.box a{
  position:relative;
  overflow:hidden;
  display:block;

}

.hovered{
  position:absolute;
  top:0;
        left: 0;
  height: 100%;
        background:#0062a8;
        color:white;
        width: 100%;
		  padding: 10px 10px 10px 10px;
		  border-radius:10px;
        border-bottom: 0px solid #EC015D;
		padding-top:35px;
        opacity: 0;
        animation-name: fadeFromtop;
        -webkit-animation-name: fadeFromtop;
        animation-duration: 800ms;
        -webkit-animation-duration: 800ms;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
}


.box a:hover .hovered{
  animation-name: fadeFromBottom;
        -webkit-animation-name: fadeFromBottom;
        animation-duration: 800ms;
        -webkit-animation-duration: 800ms;
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
}
.box a h2{
  font-family: "Pacifico", cursive; 

  font-size:3em;
  line-height: 36px;
  margin:10px 0;
}

.box a h4 .author{
  font-family:"Bad Script", cursive;

  margin:10px 0;
  
}
.box p::first-letter{
  font-weight:bold;
  font-size:28px;
}

@keyframes fadeFromBottom  {
        0%{
            opacity:0;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }
        100%{
            opacity: 0.9;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
            display: block;
        }
    }
@keyframes fadeFromtop  {
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100%{
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(400%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}
 <!--END OF DIV SLIDE UP-->
 
 .nobackground{ background:none !important;}
 table.dd1 td.lfal{text-align:left !important;}
 
 .toppading{ padding-top:1.2em;}
.botpading{ padding-bottom:1.2em !important;}
.divunderline{ border-bottom:2px solid rgba(186,186,186,0.40) !important;}
	 .botmargin{margin-bottom: 10px !important;}
	.lbbg3{background-color: #E6F0F5 !important; color:#000000 !important;}
.whitefont{color:#FFFFFF !important;}
		.txunderline{ text-decoration:underline;}
		.ceal{ text-align:center !important;}
		.greyboxshadow{box-shadow:0px 3px 5px #CCCCCC !important;}
.blueboxshadow{box-shadow:3px 3px 5px rgba(18,39,94,0.30) !important;}
.floatright{ display:inline-block; float:right;}
.smbtn{ padding-top:2px !important;padding-bottom:2px !important; height:25px; vertical-align: middle !important;}

	.bigfont5{font-size:1.4em !important;}
	.bigfont4{font-size:1.1em !important;}
	.smbtn1{ padding-left:5px !important; padding-right:5px !important;}
	.blueback12{background-color:#0062a8; color:#FFFFFF;}
	.greyback12{ background-color:rgba(151,151,151,1.00); color:#ffffff !important;}

	button.blueback12:hover {background-color:#0062a8; color:#FFFFFF;}
	button.blueback12:focus {background-color:#0062a8; color:#FFFFFF;}