/*
    Mobile styles - Fitted for smallest mobile screens (iPhone = 320x480 in portrait)
    Page specific css are placed in individual pages
*/

.menu-link { 
    display: none;
    position: relative;
    z-index: 99;
}
.menu { 
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  font-size: medium;
  background-color: #e8e8e8;
  position: relative;
  z-index: 99;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; /*font-size: .9em;*/ }
.menu ul li > a { padding: 12px 12px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #42BBA3; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

@media only screen and (max-width: 1300px) {
    /* Collapse menu when below this width. +50px for browser differences */
  .menu-header .container { width: 100%; border-bottom: 0px !important; background-color: none !important }
  
  a.menu-link { display: inline-block; background-color: #e8e8e8; font-weight:bold; text-decoration: none; padding: 6px 6px; color: black;}
  .menu { clear: both; min-width: inherit; float: none; max-width: 320px; z-index:99 }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; box-shadow: 5px 5px 5px rgba(34, 34, 34, 0.55) }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}
.menuIcon{
    height: 16px;
    width: 16px;
    display:inline-block;
    vertical-align:middle;
    padding:5px;
}
.ortlogo{
    margin-bottom:5px;
    margin-top:5px;
    padding: 2px;
}
.mobilelogo {
    margin-top:36px;
}
.headerContainer{
    background-color: #003087;
    display:flex;
}
.fixedLeft{
    text-align:left;
}
.fixedRight{

}
.fixedMenu{
    width: 80px;
}
.flex-item{
    flex-grow: 1;
}
.menu li a:hover {
    background-color: #d8d8d8;
}

.menu-header{
    position: absolute;
    width: 100%;
}

.PageContentPanel {
    padding: 10px;
    margin-top:50px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.button_NewStyle {
    background-color: #033694;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: White;
    font-weight: bold;
    text-transform: uppercase;
    font-size: small;
    cursor: pointer;
    padding: 5px 15px;
}
.button {
    background: url("../Images/Buttons/standardButton.png");
    background-color: #28324d;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: White;
    font-weight: bold;
    text-transform: uppercase;
    font-size: small;
    cursor: pointer;
    padding: 3px 15px;
    border: 1px solid;
    border-color: #9CA0AD #1B2234 #1B2234 #9CA0AD;
    text-decoration: none;
    display: inline-block;
}

    .button:hover:enabled {
        background-position: left -42px;
    }

    .button:active:enabled {
        background-position: left -84px;
        border: 1px inset #28324d;
        border-color: #1B2234 #9CA0AD #9CA0AD #1B2234;
    }

.buttonhyperlink {
    display:block;
    width: 1%;
}
.txt{
    font-size: medium;
}
.txtSmall{
    font-size: small;
}
.txtBold{
    font-size: medium;
}
.txtError{
    font-size: medium;
    color: red;
    font-weight: normal;
}
.txtHeader{
    font-size: large;
    padding-left: 0px !important;
}
.txtFooter, .txtfooter {
    font-size: small;
}
.txtNote {
    font-size: smaller;
}
.radioButton{
    font-size:medium;
    display:inline-block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.radioButtonList td{
    padding: 10px;
}
input[type="radio"]{
    width: 22px;
    height: 20px;
    vertical-align: sub;
    margin-right: 0.5em;
}
input[type="checkbox"] {
    width: 22px;
    height: 20px;
    vertical-align: sub;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 7px;
    margin-right: 7px;
}
textarea{
    padding: 7px;
}
.dropDownList{
    font-size: medium;
    margin: 7px;
    padding: 5px;
    height: 32px;
}
.requiredField{
    font-size: medium;
}
.textBox{
    height:auto;
    font-size:medium;
    margin: 7px;
    padding: 5px;
}
.buttonspacing{
    margin-left:7px;
    margin-right:7px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.goog-te-gadget-simple{
    font-size:12pt !important;
}

.buttoncontainer {
    display:initial;
    flex: 1 auto;
    margin-bottom: 1em;
}
.ButtonsPanel{
    text-align: center;
}
.InnerButtonsPanel{
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    margin-left: 10px;
    margin-right: 10px;
}
.formInputCellTitle{
    padding-left:15px;
}
.formInputCell {
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.formCellIndent{
    width:10px;
}
.formCell{
    /*display: flex;*/
    margin-left:15px;
}
.alignTop{
    vertical-align:top;
}
.tableSectionCell{
    padding-top:20px;
}
.txtSubscript{
    font-size: 11pt;
}
.txtBlock{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
.hidden{
 display:none !important;
}
.calendar-icon{
    width: 32px;
    height: 30px;
    position: relative;
    top: 10px;
}
.dateTextBox{
    max-width: 8em;
}
.error{
    font-size: medium;
}
.viewLink{
    color: #003087;
    font-size: medium;
    padding-top: 3px;
    padding-bottom: 10px;
    display: inline-block;
}
a{
    color: #003087;
    text-decoration: underline;
}
.txtCenter{
    text-align: center;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.required-symbol{
    color: red;
}
h1 {
    font-size: large;
    margin: 0;
}

h4 {
    margin: 0;
}

h5 {
    font-size: medium;
    margin: 0;
}