body {
	margin: 0;
	padding: 0;
}
body, p, span, h1, h2, h3, h4, h5, a {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}
h1 {
    font-size: 20px;
}
a { color: #371d88; }

.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*header*/
.header {
	min-height: 80px;
}
.corporate_header {
	position: relative;
	z-index: 2;
}
.corporate_header > .header {
	min-height: 80px;
}
.corporate_header .wrapper {
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0;
}
/*.right {
	position: absolute;
    display:inline-block;
    text-align: center;
    margin-top: 17px;
    margin-left: 80px;
    height: 85px;
}*/
.right {
	position: absolute;
	display: inline-block;
	width: 500px;
	text-align: right;
	margin-top: 10px;
	margin-left: 80px;
	height: 85px;
}

/*main content*/
.maincontent {
    min-height: 395px;
    overflow-y: auto;
}

/*footer*/
.corporate_footer {
	background-color: #efefef;
	padding-top: 20px;
	/* padding-bottom: 15px; */
	padding-left: 5px;
	min-width: 955px;
	border: 0;
}
.corporate_footer .wrapper {
	width: 955px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 10px;
	color: #333;
	padding: 0;
}
.corporate_footer, .footer-bottom {
	padding-top: 5px;
	/* margin-left: 10px; */
	/* margin-bottom: 5px; */
	padding-bottom: 5px;
}
.corporate_footer .footer-bottom .legal {
	font-size: 12px;
	color: #888;
}

/*logo*/
.logo #logo {
	display: inline;
	border: 0;
	max-height: 60px;
	margin-top: 11px;
	margin-left: 10px;
}

/*Page*/
#Content2 {
    min-height:100px;
}
.page_header {
	display: block;
	background-color: #eae7e4;
	margin: 0;
}
.page_header > .wrapper {
	/*padding: 13px 0 13px 0;*/
    padding: 5px 0 5px 0;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.page_header > .wrapper > h1 {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 5px;
	font-weight: normal;
}
.page_header > .wrapper > h1 {
    margin: 0;
}
.page_header > .wrapper > h2 {
    margin: 5px 0;
}
/* admin menu */
.corporate_header > div.top_nav {
	height: 30px;
	text-align: left;
	background-color: #371d88;
	min-width: 960px;
	padding-top: 0;
}
.corporate_header > div.top_nav .wrapper {
	padding-top: 0;
}
.corporate_header > div.top_nav {
	text-align: left;
}
.corporate_header > div.top_nav > .wrapper > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.corporate_header > div.top_nav > .wrapper > ul > li a.home {
	margin-left: -17px !important;
}
.corporate_header > div.top_nav li {
	display: inline-block;
	/*zoom: 1;*/
	vertical-align: top;
}
.corporate_header > div.top_nav a {
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}
.corporate_header > div.top_nav li a {
	display: inline-block;
	zoom: 1;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	/*font-size: 13px;*/
    font-size: 12px;
	height: 23px;
	/*padding-left: 37px;
	padding-right: 37px;*/
    padding-left: 17px;
	padding-right: 17px;
	padding-top: 7px;
	background-color: #371d88;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: normal;
}
.corporate_header > div.top_nav li a:hover {
    text-decoration: underline;
}
.corporate_header > div.top_nav li.sub_nav {
	display: none;
}
.sub_nav {
	visibility: hidden;
}
.users a:hover > .sub_nav{
    visibility: visible;
}
.rightheader {
	text-align: right;
	margin-right: 20px;
}


/*SCM Menu2*/
 #menu
    {
    /*background-color:#206676;*/
    float:left;
    width:100%; 
    height:25px;
    }

    ul#menu {
        font-size: 1.3em;
        font-weight: 600;
        margin: 0 0 5px;
        padding: 0;
        text-align: left;
        position:relative;
    }
    ul#menu li {
        display: inline;
        list-style: none;
        /*padding-left: 15px;*/
        float:left;
        background-color: #371d88;
    }
    ul#menu li a {
        background: none;
        color: #FFF;
        text-decoration: none;
    }
    ul#menu li a:hover {
        color: #fff;
        text-decoration: underline;
        /*color: #000;
        background-color: tan;*/
    }

    ul#menu ul
    {
        display:none;
    }
    
    ul#menu li:hover ul {
        /*display: -ms-grid;
        display: grid;*/
        display: flex;
        flex-flow: column;

        position:absolute;
        /*top: 10px;*/
        width:auto;
        padding: 0 !important;
    }

    /*@supports not (display: grid) {
    .grid {
        display: flex;
        flex-flow: row wrap;
    }*/

    ul#menu li:hover ul li a{
        display: block;
        color: #fff;
    }
    /*set up the downward arrow for top level items*/
   /*#menu > li > a:after {content: ' ▾'; }*/
   /*clear the content if a is only child*/
   /*#menu li > a:only-child:after {content: ''; }*/

/*End of Menu2*/



/*Dashboards*/
.dbwidget {
    width: 27%;
	margin: 15px 15px 15px 0;
	background-color: rgb(239, 239, 239);
	border: 1px solid transparent;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 20px;
    padding-bottom: 0px;
    float: left;
    min-height: 150px;
}
.dbheading {
    font-size: 20px;
    color: #333;
    padding: 5px 0;
    margin-bottom: 15px;
}
.dbdesc {
    font-size: 13px;
    margin-bottom: 10px;
    min-height: 32px;
}
.dblink {
	font-size: 18px;
	text-align: center;
	margin: 20px 0px 10px 0px;
	/*background-color: #DB552D;*/
    background-color: #339966;
	padding: 7px;
	border-radius: 5px;
    cursor:pointer;
}
    .dblink:hover {
        /*background-color: #B94A00;*/
        background-color: #339999;
    }
.dblink a {
    font-size: 18px;
    text-align:center;
    text-decoration: none;
    color: #fff;
}


/*Tables*/
.formtable { padding: 0px; /*width:700px;*/ width:960px;}

/*.formtable tr td:first-child { vertical-align:top; padding-top: 5px; }*/
.formtable tr td { vertical-align:top; padding-top: 5px; }  /*form labels look top padded and data looks up with above line-04Jul*/

.listtable { 
    padding: 0px; width:940px; border-collapse:collapse; 
}
.listtable tbody tr:hover { 
    background-color: #efefef; 
}
.listtable th { 
    height:25px; border-width:1px; border: 1px solid #000; 
    background-color: #666; color: #fff;
}
.listtable td { 
    height:20px; border-width:1px; /*border: 1px solid #000;*/ 
    border: 1px solid #000; /*21Aug2018 - enabled this to fix: gridview cell borders not appearing in IE */
    padding-left:5px;
}

.listtable th a { 
    height:25px; border-width:1px; border: 0px solid #000; 
    background-color: #666; color: #fff;
    font-weight: bold;
}

/*Remove border from pagenumbers in grid*/
.pager td { border-width:0px; }

/*forms*/
.ucase { text-transform: uppercase; }
.control_label { color: #333; font-size: 1.1em; font-weight:bold; }
.btndefault {
	color: White;
	background-color: #002E5B;
	border-style: None;
	height: 28px;
	border-radius: 4px;
	min-width: 80px;
	font-weight: bold;
	/*letter-spacing: 0.06em;*/
    cursor: pointer;
}
.btnsecondary {
	color: White;
	background-color: #808080;
	border-style: None;
	height: 28px;
	border-radius: 4px;
	min-width: 80px;
	font-weight: bold;
	/*letter-spacing: 0.06em;*/
    cursor: pointer;
}
.btnaction {
	color: White;
	/*background-color: #DB552D;*/
    /*background-color: #0094ff;*/
    /*background-color: #336666;*/
    background-color: #339966;
	border-style: None;
	height: 28px;
	border-radius: 4px;
	min-width: 80px;
	font-weight: bold;
	letter-spacing: 0.08em;
    cursor: pointer;
}

/* Popup */
.modalBackground
{
    background-color:#000;
    opacity: 0.5;
}
.modalPopup
{
    background-color:White;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
  /*  width: 400px;
    height: 140px;*/
	overflow:auto;
}
.popup
{
margin: 10px;
}
.hide {
    display:none;
}
.required > td:first-child:after {
  content:" *";
  color:red;
}
.ItemImageTable { max-height:450px;overflow-y:auto;display:block; }

.cRemarksWidth {
    max-width: 50px;
    word-wrap: break-word;
}