/* Move down content because we have a fixed navbar that is 50px tall */

html {
    font-family: now-regular, Verdana;
    font-size:14px;
}

body 
{
    padding-top: 0;
    padding-bottom: 20px;
    font-family: now-regular, Verdana;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content 
{
	padding-left: 5px;
	padding-right: 5px;
    margin-left:15px;
    margin-right:15px;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea 
{
	max-width: 780px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

/* MZ added */
span.required:after
{
	content: " *";
	color: red;
	font-size:14pt;
}

div.pagemessages {
    float: none;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
    overflow: auto;
    background-color: white;
    border: 1px solid #CCA383;
    width: 100%;
}

div.pagemessages2
{
	float:none; 
	display:block; 
	margin-top: 35px;
	padding: 5px 5px 5px 5px;  
	overflow:auto;
	background-color:white;
	border: 1px solid #CCA383;
	width: 99%;
 
}

div.pageheaderinfo
{
	font-size: 8pt;
	color:ghostwhite;
	padding: 5px 0 0 0;
	text-align:center;
	display:block;
	/*background-color: #b6b7bc;*/
	/*background: #b6b7bc url("../Images/tan_gradient.jpg"); /DOTTrainingAndEducationSystemV2*/
	border-width:0;
	display:block;
	 
} 

div.SessionTimeoutWarning
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	background-color: Yellow; 
	border-style: solid;

}

div.topelement {
    margin: 10px 0 0 0;
    padding: 0 5px 0 10px;
    border: 1px solid black;
    /*#DCDCDC*/
}

.input-mysize 
{ 
	width: 150px 

}
 
/* Modal Popup */
.modalBackground     
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 6000 !important;
}

.modalPopup 
{
	background-color:#fff;
	border: 3px solid Gray;
	padding:10px;
	width:800px;
	height: auto;
	z-index: 6001 !important;
	position: absolute;
	top: 20px;
}

.modalPreview 
{
	background-color:#fff;
	border: 3px solid Gray;
	padding:15px;
	width:auto;
	height: auto;
	z-index: 6001 !important;
	position: absolute;
	top: 20px;
}

#cancelcontent {
	position: relative;
}

#cancelcontent .cancelimg {
	position: absolute;
	top: -55px;
	right: -7px;
}
/* Ajax Tab Styling */
.MyTabStyle .ajax__tab_header {
    font-family: now-regular, Verdana;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
		.MyTabStyle .ajax__tab_header .ajax__tab_outer
		{
			border-color: #222;
			color: #222;
			padding-left: 10px;
			margin-right: 3px;
			border:solid 1px #d7d7d7;
		}
		.MyTabStyle .ajax__tab_header .ajax__tab_inner
		{
			border-color: #666;
			color: #666;
			padding: 3px 10px 2px 0px;
		}
		.MyTabStyle .ajax__tab_hover .ajax__tab_outer
		{
			background-color:#9c3;
			border-color: #222;
		}
		.MyTabStyle .ajax__tab_hover .ajax__tab_inner
		{
			color: #fff;
			border-color: #222;
		}
		.MyTabStyle .ajax__tab_active .ajax__tab_outer
		{
			border-bottom-color: #ffffff;
			background-color: #d7d7d7;
			border-color: #222;
		}
		.MyTabStyle .ajax__tab_active .ajax__tab_inner
		{
			color: #000;
			border-color: #333;
			border-color: #222;
		}
.MyTabStyle .ajax__tab_body {
    font-family: now-regular,Verdana;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}
/* Ajax Tab Styling */

.no-border {
	border: 0;
	box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
	background-color: rgb(238, 238, 238);
}

.no-border2 {
	border: 0;
	box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.float_right{
	float:right;
}

.margin{
	margin-top: 5px;
	padding-top: 5px;
}

 .WordWrap {
			width: 100%;
			word-break: break-all;
		}


.recordsdiv {
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 4px 2px 4px 2px;
    border-width: 1px;
    border-color: blue;
    border-style: solid;
    font-family: now-regular,Verdana;
    font-size: small;
    background-color: transparent;
    overflow: auto;
}

  .displayinputcode
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:50px;
  }

  .displayinputdescription
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:250px;
	  
  }

  .displayinputunitofmeasure
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:90px;
  }

  .displayinputqty
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:120px;
  }

  .displayinputnote
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:270px;
	  height:30px;
  }

  .displayinputtextarea
  {
	  border: 1px dashed gray;
	  padding: 0 5px 0 5px;
  }

.displayinputbutton {
    font-family: now-regular,Verdana;
    font-size: small;
    color: blue;
}

  .buttonadd
  {
	  padding-left: 20px;
  }

  .buttonimage{
	  width:25px;
	  height:25px;
	  border:1px solid black;
	  margin:0 0 0 0;
	  cursor:pointer;
  }

  .panelHeader
  {
	  font-size:12px;
	  font-weight:bold;
	  color:darkblue;
  }

  .displayName
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:120px;
  }

  .displaylandownerfield
  {
	  border: 1px dashed gray;
	  font-size:small;
	  width:200px;
  }

  /* Scrollbars styles */
   .wrapper1, .wrapper2 
   {
        width: 100%;
        overflow-x: scroll;
        overflow-y:hidden;
    }

    .wrapper1 {height: 20px; }
    .wrapper2 {height: 100%; }

    .div1 {
        width:4000px;
        height: 20px;
    }

    .div2 {
        width:3000px;
        height: 100%;
        overflow: auto;
    }


     /* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4286f4; /* #2E4d7B; */
    font-family: now-regular,Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

        #master_content .accordionHeader a {
            color: #FFFFFF;
            background: none;
            text-decoration: none;
        }

        #master_content .accordionHeader a:hover {
                background: none;
                text-decoration: underline;
            }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: now-regular,Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

        #master_content .accordionHeaderSelected a {
            color: #FFFFFF;
            background: none;
            text-decoration: none;
        }

        #master_content .accordionHeaderSelected a:hover {
                background: none;
                text-decoration: underline;
            }

        .accordionContent {
            /*background-color: #D3DEEF;*/
            border: 1px dashed #2F4F4F;
            border-top: none;
            padding: 5px;
            padding-top: 10px;
        }

.required-field {
	border-color: red;
}

.required-field-asterisk {
	font-size: large;
	color: red;
}

.outer {
	width: 500px;
	height: 100px;
	white-space: nowrap;
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

	.outer div {
		width: 24.5%;
		background-color: #eee;
		float: none;
		height: 90%;
		margin: 0 0.25%;
		display: inline-block;
		zoom: 1;
	}

/* Fonts */

@font-face {
    font-family: 'poppins-black';
    src: url('../lib/branding/brandfonts/poppins font/poppins-black.ttf') format('truetype');
}

div.poppins-black {
    font-family: "poppins-black", Verdana;
}

@font-face {
    font-family: 'poppins-blackitalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-blackitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-bold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-bolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extrabold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extrabolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extralight.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extralightitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-italic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-light.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-lightitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-medium.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-mediumitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-regular.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-semibold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-semibolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-thin.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-thinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-bold';
    src: url('../lib/branding/brandfonts/poppins font/poppins-bold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-bolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extrabold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extrabolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extralight.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-extralightitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-italic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-light.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-lightitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-medium.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-mediumitalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-regular.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-semibold.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-semibolditalic.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-thin.ttf') format('truetype'), url('../lib/branding/brandfonts/poppins font/poppins-thinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-bolditalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-bolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-extrabold';
    src: url('../lib/branding/brandfonts/poppins font/poppins-extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-extrabolditalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-extrabolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-extralight';
    src: url('../lib/branding/brandfonts/poppins font/poppins-extralight.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-extralightitalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-extralightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-light';
    src: url('../lib/branding/brandfonts/poppins font/poppins-light.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-lightitalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-lightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-medium';
    src: url('../lib/branding/brandfonts/poppins font/poppins-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-mediumitalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-mediumitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-regular';
    src: url('../lib/branding/brandfonts/poppins font/poppins-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-semibold';
    src: url('../lib/branding/brandfonts/poppins font/poppins-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-semibolditalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-semibolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-thin';
    src: url('../lib/branding/brandfonts/poppins font/poppins-thin.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-thinitalic';
    src: url('../lib/branding/brandfonts/poppins font/poppins-thinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'now-black';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-black.otf') format('opentype');
}

@font-face {
    font-family: 'now-bold';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-bold.otf') format('opentype');
}

@font-face {
    font-family: 'now-extrabold';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-extrabold.otf') format('opentype');
}

@font-face {
    font-family: 'now-extralight';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-extralight.otf') format('opentype');
}

@font-face {
    font-family: 'now-light';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-light.otf') format('opentype');
}

@font-face {
    font-family: 'now-medium';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-medium.otf') format('opentype');
}

@font-face {
    font-family: 'now-regular';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-regular.otf') format('opentype');
}

@font-face {
    font-family: 'now-semibold';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-semibold.otf') format('opentype');
}

@font-face {
    font-family: 'now-thin';
    src: url('../lib/branding/brandfonts/now 1.3 font/now-thin.otf') format('opentype');
}

/* example */
.now-regular {
    font-family: "now-regular";
}

.poppins-black {
    font-family: "poppins-black", Verdana;
}

.poppins-blackitalic {
    font-family: "poppins-blackitalic", Verdana;
}

.poppins-bold {
    font-family: "poppins-bold", Verdana;
}

.poppins-bolditalic {
    font-family: "poppins-bolditalic", Verdana;
}

.poppins-extrabold {
    font-family: "poppins-extrabold", Verdana;
}

.poppins-extralightitalic {
    font-family: "poppins-extralightitalic", Verdana;
}

.poppins-light {
    font-family: "poppins-light", Verdana;
}

.poppins-lightitalic {
    font-family: "poppins-lightitalic", Verdana;
}

.poppins-medium {
    font-family: "poppins-medium", Verdana;
}

.poppins-mediumitalic {
    font-family: "poppins-mediumitalic", Verdana;
}

.poppins-regular {
    font-family: "poppins-regular", Verdana;
}

.poppins-semibold {
    font-family: "poppins-semibold", Verdana;
}

.now-extralight {
    font-family: "now-extralight", Verdana;
}

.now-light {
    font-family: "now-light", Verdana;
}

.now-medium {
    font-family: "now-medium", Verdana;
}

.now-regular {
    font-family: "now-regular", Verdana;
}

.now-semibold {
    font-family: "now-semibold", Verdana;
}